body {
   --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);
   --semi-transition_delay-fast: 180ms;
   --semi-transition_delay-none: 0ms;
   --semi-transition_delay-slow: 1000ms;
   --semi-transition_delay-faster: 120ms;
   --semi-transition_delay-normal: 600ms;
   --semi-transition_delay-slower: 1200ms;
   --semi-transition_delay-fastest: 90ms;
   --semi-transition_delay-slowest: 1800ms;
   --semi-transition_duration-fast: 180ms;
   --semi-transition_duration-none: 0ms;
   --semi-transition_duration-slow: 1000ms;
   --semi-transition_duration-faster: 120ms;
   --semi-transition_duration-normal: 600ms;
   --semi-transition_duration-slower: 1200ms;
   --semi-transition_duration-fastest: 90ms;
   --semi-transition_duration-slowest: 1800ms;
   --semi-transition_function-easeIn: cubic-bezier(0.4, 0, 1, 1);
   --semi-transition_function-linear: linear;
   --semi-transition_function-easeOut: cubic-bezier(0, 0, 0.2, 1);
   --semi-transition_function-easeInOut: cubic-bezier(0.4, 0, 0.2, 1)
}

body,
body[theme-mode=dark] .semi-always-light {
   --semi-black: 0, 0, 0;
   --semi-red-0: 255, 243, 238;
   --semi-red-1: 255, 224, 210;
   --semi-red-2: 255, 189, 165;
   --semi-red-3: 255, 152, 120;
   --semi-red-4: 255, 111, 75;
   --semi-red-5: 255, 68, 30;
   --semi-red-6: 219, 46, 19;
   --semi-red-7: 184, 28, 11;
   --semi-red-8: 148, 14, 4;
   --semi-red-9: 112, 4, 0;
   --semi-white: 255, 255, 255;
   --semi-blue-0: 235, 245, 255;
   --semi-blue-1: 204, 231, 255;
   --semi-blue-2: 153, 205, 255;
   --semi-blue-3: 102, 177, 255;
   --semi-blue-4: 51, 148, 255;
   --semi-blue-5: 0, 117, 255;
   --semi-blue-6: 0, 97, 219;
   --semi-blue-7: 0, 78, 184;
   --semi-blue-8: 0, 60, 148;
   --semi-blue-9: 0, 44, 112;
   --semi-cyan-0: 231, 249, 250;
   --semi-cyan-1: 197, 243, 246;
   --semi-cyan-2: 143, 229, 236;
   --semi-cyan-3: 93, 214, 227;
   --semi-cyan-4: 46, 199, 217;
   --semi-cyan-5: 3, 182, 208;
   --semi-cyan-6: 1, 149, 173;
   --semi-cyan-7: 0, 116, 139;
   --semi-cyan-8: 0, 86, 104;
   --semi-cyan-9: 0, 56, 69;
   --semi-grey-0: 247, 247, 250;
   --semi-grey-1: 240, 240, 245;
   --semi-grey-2: 211, 211, 216;
   --semi-grey-3: 186, 186, 194;
   --semi-grey-4: 162, 162, 171;
   --semi-grey-5: 139, 139, 149;
   --semi-grey-6: 116, 116, 129;
   --semi-grey-7: 95, 94, 108;
   --semi-grey-8: 75, 74, 88;
   --semi-grey-9: 56, 55, 67;
   --semi-lime-0: 244, 253, 233;
   --semi-lime-1: 229, 252, 201;
   --semi-lime-2: 207, 248, 149;
   --semi-lime-3: 189, 245, 98;
   --semi-lime-4: 175, 241, 48;
   --semi-lime-5: 164, 238, 0;
   --semi-lime-6: 133, 198, 0;
   --semi-lime-7: 104, 159, 0;
   --semi-lime-8: 76, 119, 0;
   --semi-lime-9: 49, 79, 0;
   --semi-pink-0: 255, 238, 239;
   --semi-pink-1: 255, 210, 215;
   --semi-pink-2: 255, 165, 178;
   --semi-pink-3: 255, 120, 145;
   --semi-pink-4: 255, 75, 114;
   --semi-pink-5: 255, 30, 86;
   --semi-pink-6: 219, 19, 76;
   --semi-pink-7: 184, 11, 65;
   --semi-pink-8: 148, 4, 54;
   --semi-pink-9: 112, 0, 43;
   --semi-teal-0: 229, 248, 247;
   --semi-teal-1: 193, 242, 239;
   --semi-teal-2: 137, 229, 224;
   --semi-teal-3: 86, 215, 211;
   --semi-teal-4: 40, 202, 200;
   --semi-teal-5: 0, 189, 189;
   --semi-teal-6: 0, 155, 158;
   --semi-teal-7: 0, 122, 126;
   --semi-teal-8: 0, 90, 95;
   --semi-teal-9: 0, 59, 63;
   --semi-amber-0: 255, 254, 236;
   --semi-amber-1: 255, 251, 208;
   --semi-amber-2: 255, 244, 160;
   --semi-amber-3: 255, 234, 113;
   --semi-amber-4: 255, 221, 65;
   --semi-amber-5: 255, 204, 18;
   --semi-amber-6: 213, 160, 13;
   --semi-amber-7: 170, 119, 9;
   --semi-amber-8: 128, 83, 5;
   --semi-amber-9: 85, 51, 3;
   --semi-brand-0: 241, 242, 253;
   --semi-brand-1: 217, 220, 250;
   --semi-brand-2: 180, 186, 246;
   --semi-brand-3: 145, 151, 241;
   --semi-brand-4: 110, 117, 237;
   --semi-brand-5: 77, 83, 232;
   --semi-brand-6: 59, 62, 196;
   --semi-brand-7: 44, 44, 161;
   --semi-brand-8: 31, 30, 125;
   --semi-brand-9: 21, 19, 89;
   --semi-green-0: 237, 249, 238;
   --semi-green-1: 210, 243, 213;
   --semi-green-2: 168, 231, 175;
   --semi-green-3: 129, 218, 141;
   --semi-green-4: 94, 206, 111;
   --semi-green-5: 62, 194, 84;
   --semi-green-6: 50, 162, 71;
   --semi-green-7: 39, 129, 57;
   --semi-green-8: 28, 97, 43;
   --semi-green-9: 18, 65, 29;
   --semi-indigo-0: 239, 241, 250;
   --semi-indigo-1: 213, 219, 245;
   --semi-indigo-2: 173, 184, 236;
   --semi-indigo-3: 136, 150, 226;
   --semi-indigo-4: 102, 117, 217;
   --semi-indigo-5: 70, 86, 207;
   --semi-indigo-6: 53, 65, 171;
   --semi-indigo-7: 38, 46, 136;
   --semi-indigo-8: 25, 30, 100;
   --semi-indigo-9: 14, 17, 64;
   --semi-orange-0: 255, 250, 235;
   --semi-orange-1: 255, 241, 204;
   --semi-orange-2: 255, 223, 153;
   --semi-orange-3: 255, 202, 102;
   --semi-orange-4: 255, 178, 51;
   --semi-orange-5: 255, 150, 0;
   --semi-orange-6: 213, 114, 0;
   --semi-orange-7: 170, 83, 0;
   --semi-orange-8: 128, 56, 0;
   --semi-orange-9: 85, 33, 0;
   --semi-purple-0: 250, 235, 249;
   --semi-purple-1: 244, 206, 242;
   --semi-purple-2: 233, 160, 233;
   --semi-purple-3: 220, 118, 223;
   --semi-purple-4: 204, 79, 212;
   --semi-purple-5: 187, 43, 201;
   --semi-purple-6: 163, 33, 181;
   --semi-purple-7: 139, 25, 160;
   --semi-purple-8: 117, 17, 140;
   --semi-purple-9: 95, 11, 119;
   --semi-violet-0: 241, 242, 253;
   --semi-violet-1: 217, 220, 250;
   --semi-violet-2: 180, 186, 246;
   --semi-violet-3: 145, 151, 241;
   --semi-violet-4: 110, 117, 237;
   --semi-violet-5: 77, 83, 232;
   --semi-violet-6: 59, 62, 196;
   --semi-violet-7: 44, 44, 161;
   --semi-violet-8: 31, 30, 125;
   --semi-violet-9: 21, 19, 89;
   --semi-yellow-0: 255, 254, 235;
   --semi-yellow-1: 255, 252, 204;
   --semi-yellow-2: 255, 246, 153;
   --semi-yellow-3: 255, 236, 102;
   --semi-yellow-4: 255, 223, 51;
   --semi-yellow-5: 255, 207, 0;
   --semi-yellow-6: 213, 176, 0;
   --semi-yellow-7: 170, 144, 0;
   --semi-yellow-8: 128, 110, 0;
   --semi-yellow-9: 85, 75, 0;
   --semi-light-blue-0: 235, 248, 255;
   --semi-light-blue-1: 204, 238, 255;
   --semi-light-blue-2: 153, 219, 255;
   --semi-light-blue-3: 102, 198, 255;
   --semi-light-blue-4: 51, 176, 255;
   --semi-light-blue-5: 0, 152, 255;
   --semi-light-blue-6: 0, 127, 219;
   --semi-light-blue-7: 0, 103, 184;
   --semi-light-blue-8: 0, 81, 148;
   --semi-light-blue-9: 0, 59, 112;
   --semi-light-green-0: 245, 250, 238;
   --semi-light-green-1: 231, 246, 212;
   --semi-light-green-2: 207, 236, 172;
   --semi-light-green-3: 183, 227, 135;
   --semi-light-green-4: 159, 217, 100;
   --semi-light-green-5: 136, 208, 67;
   --semi-light-green-6: 110, 173, 54;
   --semi-light-green-7: 86, 139, 42;
   --semi-light-green-8: 63, 104, 30;
   --semi-light-green-9: 41, 69, 20
}

body .semi-always-dark,
body[theme-mode=dark] {
   --semi-black: 0, 0, 0;
   --semi-red-0: 109, 12, 9;
   --semi-red-1: 145, 24, 16;
   --semi-red-2: 181, 40, 25;
   --semi-red-3: 216, 60, 36;
   --semi-red-4: 252, 83, 50;
   --semi-red-5: 253, 122, 91;
   --semi-red-6: 253, 159, 131;
   --semi-red-7: 254, 194, 172;
   --semi-red-8: 254, 226, 214;
   --semi-red-9: 255, 244, 239;
   --semi-white: 255, 255, 255;
   --semi-blue-0: 0, 43, 110;
   --semi-blue-1: 0, 60, 146;
   --semi-blue-2: 3, 79, 182;
   --semi-blue-3: 11, 102, 217;
   --semi-blue-4: 20, 127, 253;
   --semi-blue-5: 67, 156, 253;
   --semi-blue-6: 114, 183, 254;
   --semi-blue-7: 161, 208, 254;
   --semi-blue-8: 208, 232, 255;
   --semi-blue-9: 236, 246, 255;
   --semi-cyan-0: 4, 51, 62;
   --semi-cyan-1: 7, 77, 93;
   --semi-cyan-2: 10, 105, 123;
   --semi-cyan-3: 14, 134, 154;
   --semi-cyan-4: 19, 164, 185;
   --semi-cyan-5: 56, 183, 199;
   --semi-cyan-6: 98, 202, 213;
   --semi-cyan-7: 146, 221, 227;
   --semi-cyan-8: 198, 238, 241;
   --semi-cyan-9: 231, 247, 248;
   --semi-grey-0: 54, 54, 54;
   --semi-grey-1: 69, 69, 69;
   --semi-grey-2: 98, 97, 111;
   --semi-grey-3: 119, 119, 132;
   --semi-grey-4: 139, 139, 149;
   --semi-grey-5: 165, 165, 174;
   --semi-grey-6: 188, 188, 196;
   --semi-grey-7: 212, 212, 218;
   --semi-grey-8: 236, 236, 239;
   --semi-grey-9: 250, 250, 250;
   --semi-lime-0: 45, 71, 3;
   --semi-lime-1: 69, 106, 5;
   --semi-lime-2: 95, 141, 9;
   --semi-lime-3: 123, 177, 12;
   --semi-lime-4: 151, 212, 17;
   --semi-lime-5: 164, 221, 58;
   --semi-lime-6: 181, 229, 103;
   --semi-lime-7: 202, 238, 150;
   --semi-lime-8: 226, 246, 201;
   --semi-lime-9: 242, 251, 233;
   --semi-pink-0: 93, 7, 40;
   --semi-pink-1: 129, 14, 54;
   --semi-pink-2: 165, 23, 67;
   --semi-pink-3: 200, 34, 80;
   --semi-pink-4: 236, 47, 93;
   --semi-pink-5: 240, 86, 118;
   --semi-pink-6: 244, 127, 147;
   --semi-pink-7: 247, 168, 180;
   --semi-pink-8: 251, 211, 215;
   --semi-pink-9: 253, 238, 239;
   --semi-teal-0: 3, 57, 61;
   --semi-teal-1: 5, 87, 91;
   --semi-teal-2: 8, 118, 121;
   --semi-teal-3: 11, 150, 152;
   --semi-teal-4: 15, 182, 181;
   --semi-teal-5: 52, 197, 193;
   --semi-teal-6: 95, 211, 207;
   --semi-teal-7: 143, 226, 221;
   --semi-teal-8: 196, 240, 237;
   --semi-teal-9: 230, 248, 246;
   --semi-amber-0: 81, 51, 9;
   --semi-amber-1: 122, 82, 15;
   --semi-amber-2: 162, 117, 22;
   --semi-amber-3: 203, 156, 30;
   --semi-amber-4: 243, 198, 38;
   --semi-amber-5: 245, 215, 80;
   --semi-amber-6: 248, 229, 122;
   --semi-amber-7: 250, 240, 166;
   --semi-amber-8: 253, 249, 210;
   --semi-amber-9: 254, 253, 237;
   --semi-brand-0: 26, 24, 92;
   --semi-brand-1: 38, 37, 128;
   --semi-brand-2: 53, 54, 164;
   --semi-brand-3: 70, 74, 199;
   --semi-brand-4: 90, 96, 235;
   --semi-brand-5: 121, 128, 239;
   --semi-brand-6: 153, 160, 243;
   --semi-brand-7: 186, 192, 247;
   --semi-brand-8: 220, 223, 251;
   --semi-brand-9: 242, 244, 253;
   --semi-green-0: 21, 61, 30;
   --semi-green-1: 32, 91, 45;
   --semi-green-2: 44, 121, 59;
   --semi-green-3: 57, 152, 74;
   --semi-green-4: 70, 182, 88;
   --semi-green-5: 100, 197, 114;
   --semi-green-6: 133, 211, 143;
   --semi-green-7: 170, 226, 176;
   --semi-green-8: 211, 240, 214;
   --semi-green-9: 237, 248, 238;
   --semi-indigo-0: 28, 33, 102;
   --semi-indigo-1: 38, 44, 123;
   --semi-indigo-2: 48, 57, 143;
   --semi-indigo-3: 60, 71, 164;
   --semi-indigo-4: 73, 87, 184;
   --semi-indigo-5: 103, 116, 198;
   --semi-indigo-6: 136, 148, 212;
   --semi-indigo-7: 172, 182, 227;
   --semi-indigo-8: 212, 217, 241;
   --semi-indigo-9: 238, 240, 248;
   --semi-orange-0: 85, 35, 3;
   --semi-orange-1: 128, 59, 6;
   --semi-orange-2: 170, 88, 10;
   --semi-orange-3: 213, 121, 15;
   --semi-orange-4: 255, 158, 20;
   --semi-orange-5: 255, 184, 67;
   --semi-orange-6: 255, 206, 114;
   --semi-orange-7: 255, 226, 161;
   --semi-orange-8: 255, 242, 208;
   --semi-orange-9: 255, 250, 237;
   --semi-purple-0: 81, 17, 100;
   --semi-purple-1: 101, 24, 121;
   --semi-purple-2: 123, 32, 141;
   --semi-purple-3: 146, 41, 162;
   --semi-purple-4: 169, 52, 182;
   --semi-purple-5: 189, 84, 197;
   --semi-purple-6: 208, 121, 211;
   --semi-purple-7: 226, 161, 226;
   --semi-purple-8: 240, 206, 239;
   --semi-purple-9: 248, 235, 247;
   --semi-violet-0: 52, 27, 120;
   --semi-violet-1: 67, 36, 141;
   --semi-violet-2: 84, 46, 161;
   --semi-violet-3: 102, 57, 182;
   --semi-violet-4: 122, 70, 202;
   --semi-violet-5: 149, 101, 213;
   --semi-violet-6: 176, 136, 223;
   --semi-violet-7: 203, 173, 234;
   --semi-violet-8: 229, 212, 244;
   --semi-violet-9: 245, 238, 250;
   --semi-yellow-0: 84, 74, 3;
   --semi-yellow-1: 127, 109, 6;
   --semi-yellow-2: 169, 143, 10;
   --semi-yellow-3: 211, 176, 15;
   --semi-yellow-4: 253, 208, 20;
   --semi-yellow-5: 253, 224, 67;
   --semi-yellow-6: 254, 236, 114;
   --semi-yellow-7: 254, 245, 161;
   --semi-yellow-8: 255, 252, 208;
   --semi-yellow-9: 255, 254, 236;
   --semi-light-blue-0: 0, 52, 98;
   --semi-light-blue-1: 0, 73, 134;
   --semi-light-blue-2: 3, 97, 170;
   --semi-light-blue-3: 10, 123, 205;
   --semi-light-blue-4: 19, 151, 241;
   --semi-light-blue-5: 64, 174, 244;
   --semi-light-blue-6: 110, 196, 247;
   --semi-light-blue-7: 158, 217, 249;
   --semi-light-blue-8: 206, 236, 252;
   --semi-light-blue-9: 235, 248, 254;
   --semi-light-green-0: 38, 62, 21;
   --semi-light-green-1: 59, 93, 33;
   --semi-light-green-2: 81, 123, 45;
   --semi-light-green-3: 103, 154, 58;
   --semi-light-green-4: 127, 185, 71;
   --semi-light-green-5: 151, 199, 101;
   --semi-light-green-6: 176, 213, 134;
   --semi-light-green-7: 201, 227, 171;
   --semi-light-green-8: 228, 241, 211;
   --semi-light-green-9: 244, 248, 238
}

body,
body[theme-mode=dark] .semi-always-light {
   --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-info: rgba(var(--semi-brand-5), 1);
   --semi-color-link: rgba(var(--semi-brand-5), 1);
   --semi-color-nav-bg: rgba(var(--semi-white), 1);
   --semi-color-black: rgba(var(--semi-black), 1);
   --semi-color-data-0: #5769ff;
   --semi-color-data-1: #8ed4e7;
   --semi-color-data-2: #f58700;
   --semi-color-data-3: #dcb7fc;
   --semi-color-data-4: #4a9cf7;
   --semi-color-data-5: #f3cc35;
   --semi-color-data-6: #fe8090;
   --semi-color-data-7: #8bd7d2;
   --semi-color-data-8: #83b023;
   --semi-color-data-9: #e9a5e5;
   --semi-color-fill-0: rgba(var(--semi-grey-8), 0.04);
   --semi-color-fill-1: rgba(var(--semi-grey-8), 0.08);
   --semi-color-fill-2: rgba(var(--semi-grey-8), 0.12);
   --semi-color-text-0: rgba(var(--semi-grey-9), 1);
   --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
   --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
   --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
   --semi-color-white: rgba(var(--semi-white), 1);
   --semi-color-data-10: #30a7ce;
   --semi-color-data-11: #f9c064;
   --semi-color-data-12: #b171f9;
   --semi-color-data-13: #77b6f9;
   --semi-color-data-14: #c88f02;
   --semi-color-data-15: #ffaab2;
   --semi-color-data-16: #33b0ab;
   --semi-color-data-17: #b6d781;
   --semi-color-data-18: #d458d4;
   --semi-color-data-19: #bcc6ff;
   --semi-color-border: rgba(var(--semi-grey-9), 0.08);
   --semi-color-danger: rgba(var(--semi-red-5), 1);
   --semi-color-shadow: rgba(var(--semi-black), 0.04);
   --semi-color-border-1: rgba(var(--semi-grey-9), 0.12);
   --semi-color-border-2: rgba(var(--semi-grey-9), 0.16);
   --semi-color-default: rgba(var(--semi-grey-0), 1);
   --semi-color-info-hover: rgba(var(--semi-brand-6), 1);
   --semi-color-link-hover: rgba(var(--semi-brand-6), 1);
   --semi-color-primary: rgba(var(--semi-brand-5), 1);
   --semi-color-success: rgba(var(--semi-green-5), 1);
   --semi-color-warning: rgba(var(--semi-orange-5), 1);
   --semi-color-info-active: rgba(var(--semi-brand-7), 1);
   --semi-color-link-active: rgba(var(--semi-brand-7), 1);
   --semi-color-link-visited: rgba(var(--semi-brand-5), 1);
   --semi-color-tertiary: rgba(var(--semi-grey-2), 1);
   --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
   --semi-color-info-disabled: rgba(var(--semi-brand-2), 1);
   --semi-color-overlay-bg: rgba(22, 22, 26, .6);
   --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
   --semi-color-highlight: rgba(var(--semi-black), 1);
   --semi-color-secondary: rgba(var(--semi-grey-5), 1);
   --semi-color-danger-active: rgba(var(--semi-red-7), 1);
   --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
   --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
   --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
   --semi-color-success-hover: rgba(var(--semi-green-6), 1);
   --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
   --semi-color-danger-disabled: rgba(var(--semi-red-2), 1);
   --semi-color-default-active: rgba(var(--semi-grey-2), 1);
   --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
   --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.2);
   --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
   --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
   --semi-color-success-active: rgba(var(--semi-green-7), 1);
   --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
   --semi-color-tertiary-hover: rgba(var(--semi-grey-3), 1);
   --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
   --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
   --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
   --semi-color-tertiary-active: rgba(var(--semi-grey-4), 1);
   --semi-color-warning-disabled: rgba(var(--semi-orange-2), 1);
   --semi-color-secondary-hover: rgba(var(--semi-grey-6), 1);
   --semi-color-secondary-active: rgba(var(--semi-grey-7), 1);
   --semi-color-info-light-hover: rgba(var(--semi-brand-1), 1);
   --semi-color-info-light-active: rgba(var(--semi-brand-2), 1);
   --semi-color-secondary-disabled: rgba(var(--semi-grey-2), 1);
   --semi-color-info-light-default: rgba(var(--semi-brand-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-danger-light-default: rgba(var(--semi-red-0), 1);
   --semi-color-primary-light-hover: rgba(var(--semi-brand-1), 1);
   --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
   --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
   --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
   --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
   --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
   --semi-color-primary-light-default: rgba(var(--semi-brand-0), 1);
   --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
   --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
   --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
   --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
   --semi-color-secondary-light-hover: rgba(var(--semi-brand-1), 1);
   --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
   --semi-color-secondary-light-active: rgba(var(--semi-brand-2), 1);
   --semi-color-secondary-light-default: rgba(var(--semi-brand-0), 1);
   -webkit-font-smoothing: antialiased;
   --semi-shadow-elevated: 0px 0px 1px 0px rgba(0, 0, 0, .3), 0px 4px 14px 0px rgba(0, 0, 0, .1);
   --semi-shadow-0: none;
   --semi-shadow-1: none;
   --semi-shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, .14), 0px 0px 1px 0px rgba(0, 0, 0, .16);
   --semi-shadow-knob: 0px 4px 6px 0px rgba(0, 0, 0, .1), 0px 0px 1px 0px rgba(0, 0, 0, .3);
   --semi-shadow-name: none;
   --semi-border-radius-full: 9999px;
   --semi-border-radius-large: 12px;
   --semi-border-radius-small: 8px;
   --semi-border-radius-circle: 50%;
   --semi-border-radius-medium: 6px;
   --semi-border-radius-extra-small: 4px;
   font-family: PingFang SC, Noto Sans SC, sans-serif
}

body .semi-always-dark,
body[theme-mode=dark] {
   --semi-color-bg-0: #16161a;
   --semi-color-bg-1: #232429;
   --semi-color-bg-2: #35363c;
   --semi-color-bg-3: #43444a;
   --semi-color-bg-4: #4f5159;
   --semi-color-info: rgba(var(--semi-blue-5), 1);
   --semi-color-link: rgba(var(--semi-blue-5), 1);
   --semi-color-nav-bg: #232429;
   --semi-color-black: rgba(var(--semi-black), 1);
   --semi-color-data-0: #5e6dc2;
   --semi-color-data-1: #086878;
   --semi-color-data-2: #faad3f;
   --semi-color-data-3: #4c2b9c;
   --semi-color-data-4: #107df8;
   --semi-color-data-5: #f8ca10;
   --semi-color-data-6: #c31e57;
   --semi-color-data-7: #057773;
   --semi-color-data-8: #9acf0d;
   --semi-color-data-9: #751d8a;
   --semi-color-fill-0: rgba(var(--semi-white), 0.05);
   --semi-color-fill-1: rgba(var(--semi-white), 0.09);
   --semi-color-fill-2: rgba(var(--semi-white), 0.13);
   --semi-color-text-0: rgba(var(--semi-grey-9), 1);
   --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
   --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
   --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
   --semi-color-white: #e4e7f5;
   --semi-color-data-10: #10a2b4;
   --semi-color-data-11: #d06e0b;
   --semi-color-data-12: #7142c5;
   --semi-color-data-13: #0764d4;
   --semi-color-data-14: #fbe86e;
   --semi-color-data-15: #a01349;
   --semi-color-data-16: #0bb3a7;
   --semi-color-data-17: #628a06;
   --semi-color-data-18: #a230b3;
   --semi-color-data-19: #28338a;
   --semi-color-border: rgba(var(--semi-white), 0.08);
   --semi-color-danger: rgba(var(--semi-red-5), 1);
   --semi-color-shadow: rgba(var(--semi-black), 0.04);
   --semi-color-default: rgba(var(--semi-grey-0), 1);
   --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
   --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
   --semi-color-primary: rgba(var(--semi-brand-5), 1);
   --semi-color-success: rgba(var(--semi-green-5), 1);
   --semi-color-warning: rgba(var(--semi-orange-5), 1);
   --semi-color-info-active: rgba(var(--semi-blue-7), 1);
   --semi-color-link-active: rgba(var(--semi-blue-7), 1);
   --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
   --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
   --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
   --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
   --semi-color-overlay-bg: rgba(22, 22, 26, .6);
   --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
   --semi-color-highlight: rgba(var(--semi-white), 1);
   --semi-color-secondary: rgba(var(--semi-blue-5), 1);
   --semi-color-danger-active: rgba(var(--semi-red-7), 1);
   --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
   --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
   --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
   --semi-color-success-hover: rgba(var(--semi-green-6), 1);
   --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
   --semi-color-default-active: rgba(var(--semi-grey-2), 1);
   --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
   --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
   --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
   --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
   --semi-color-success-active: rgba(var(--semi-green-7), 1);
   --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
   --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
   --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
   --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
   --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
   --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
   --semi-color-secondary-hover: rgba(var(--semi-blue-6), 1);
   --semi-color-secondary-active: rgba(var(--semi-blue-7), 1);
   --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
   --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
   --semi-color-secondary-disabled: rgba(var(--semi-blue-2), 1);
   --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
   --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
   --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
   --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
   --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
   --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
   --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
   --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
   --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
   --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
   --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
   --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
   --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
   --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
   --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
   --semi-color-secondary-light-hover: rgba(var(--semi-blue-5), 0.3);
   --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
   --semi-color-secondary-light-active: rgba(var(--semi-blue-5), 0.4);
   --semi-color-secondary-light-default: rgba(var(--semi-blue-5), 0.2);
   -webkit-font-smoothing: antialiased;
   --semi-shadow-elevated: 0px 0px 1px 0px rgba(0, 0, 0, .3), 0px 4px 14px 0px rgba(0, 0, 0, .1);
   --semi-shadow-0: none;
   --semi-shadow-1: none;
   --semi-shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, .14), 0px 0px 1px 0px rgba(0, 0, 0, .16);
   --semi-shadow-knob: 0px 4px 6px 0px rgba(0, 0, 0, .1), 0px 0px 1px 0px rgba(0, 0, 0, .3);
   --semi-shadow-name: none;
   --semi-border-radius-full: 9999px;
   --semi-border-radius-large: 12px;
   --semi-border-radius-small: 8px;
   --semi-border-radius-circle: 50%;
   --semi-border-radius-medium: 6px;
   --semi-border-radius-extra-small: 4px;
   font-family: PingFang SC, Noto Sans SC, sans-serif
}

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

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

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

.semi-light-scrollbar ::-webkit-scrollbar-thumb,
.semi-light-scrollbar::-webkit-scrollbar-thumb {
   background: transparent;
   border-radius: 6px;
   -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)
}

.semi-typography {
   color: var(--semi-color-text-0);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

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

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

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

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

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

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

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

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

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

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

.semi-typography-small {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   font-weight: 400;
   line-height: 16px
}

.semi-typography-small.semi-typography-paragraph {
   font-weight: 400
}

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

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

.semi-typography u {
   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 {
   color: var(--semi-color-link);
   cursor: pointer;
   display: inline;
   text-decoration: none
}

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

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

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

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

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

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

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

.semi-typography-ellipsis-multiple-line.semi-typography-ellipsis-multiple-line-text {
   display: -webkit-inline-box
}

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

.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;
   margin-left: 4px;
   padding: 0;
   vertical-align: middle
}

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

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

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

.semi-typography-paragraph {
   margin: 0
}

.semi-typography-h1.semi-typography,
h1.semi-typography {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 32px;
   font-weight: 600;
   line-height: 60px;
   margin: 0
}

.semi-typography-h1.semi-typography.semi-typography-h1-weight-light,
h1.semi-typography.semi-typography-h1-weight-light {
   font-weight: 200
}

.semi-typography-h1.semi-typography.semi-typography-h1-weight-regular,
h1.semi-typography.semi-typography-h1-weight-regular {
   font-weight: 400
}

.semi-typography-h1.semi-typography.semi-typography-h1-weight-medium,
h1.semi-typography.semi-typography-h1-weight-medium {
   font-weight: 500
}

.semi-typography-h1.semi-typography.semi-typography-h1-weight-semibold,
h1.semi-typography.semi-typography-h1-weight-semibold {
   font-weight: 600
}

.semi-typography-h1.semi-typography.semi-typography-h1-weight-bold,
h1.semi-typography.semi-typography-h1-weight-bold {
   font-weight: 700
}

.semi-typography-h2.semi-typography,
h2.semi-typography {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 28px;
   font-weight: 600;
   line-height: 40px;
   margin: 0
}

.semi-typography-h2.semi-typography.semi-typography-h2-weight-light,
h2.semi-typography.semi-typography-h2-weight-light {
   font-weight: 200
}

.semi-typography-h2.semi-typography.semi-typography-h2-weight-regular,
h2.semi-typography.semi-typography-h2-weight-regular {
   font-weight: 400
}

.semi-typography-h2.semi-typography.semi-typography-h2-weight-medium,
h2.semi-typography.semi-typography-h2-weight-medium {
   font-weight: 500
}

.semi-typography-h2.semi-typography.semi-typography-h2-weight-semibold,
h2.semi-typography.semi-typography-h2-weight-semibold {
   font-weight: 600
}

.semi-typography-h2.semi-typography.semi-typography-h2-weight-bold,
h2.semi-typography.semi-typography-h2-weight-bold {
   font-weight: 700
}

.semi-typography-h3.semi-typography,
h3.semi-typography {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 24px;
   font-weight: 600;
   line-height: 32px;
   margin: 0
}

.semi-typography-h3.semi-typography.semi-typography-h3-weight-light,
h3.semi-typography.semi-typography-h3-weight-light {
   font-weight: 200
}

.semi-typography-h3.semi-typography.semi-typography-h3-weight-regular,
h3.semi-typography.semi-typography-h3-weight-regular {
   font-weight: 400
}

.semi-typography-h3.semi-typography.semi-typography-h3-weight-medium,
h3.semi-typography.semi-typography-h3-weight-medium {
   font-weight: 500
}

.semi-typography-h3.semi-typography.semi-typography-h3-weight-semibold,
h3.semi-typography.semi-typography-h3-weight-semibold {
   font-weight: 600
}

.semi-typography-h3.semi-typography.semi-typography-h3-weight-bold,
h3.semi-typography.semi-typography-h3-weight-bold {
   font-weight: 700
}

.semi-typography-h4.semi-typography,
h4.semi-typography {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 20px;
   font-weight: 600;
   line-height: 28px;
   margin: 0
}

.semi-typography-h4.semi-typography.semi-typography-h4-weight-light,
h4.semi-typography.semi-typography-h4-weight-light {
   font-weight: 200
}

.semi-typography-h4.semi-typography.semi-typography-h4-weight-regular,
h4.semi-typography.semi-typography-h4-weight-regular {
   font-weight: 400
}

.semi-typography-h4.semi-typography.semi-typography-h4-weight-medium,
h4.semi-typography.semi-typography-h4-weight-medium {
   font-weight: 500
}

.semi-typography-h4.semi-typography.semi-typography-h4-weight-semibold,
h4.semi-typography.semi-typography-h4-weight-semibold {
   font-weight: 600
}

.semi-typography-h4.semi-typography.semi-typography-h4-weight-bold,
h4.semi-typography.semi-typography-h4-weight-bold {
   font-weight: 700
}

.semi-typography-h5.semi-typography,
h5.semi-typography {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   margin: 0
}

.semi-typography-h5.semi-typography.semi-typography-h5-weight-light,
h5.semi-typography.semi-typography-h5-weight-light {
   font-weight: 200
}

.semi-typography-h5.semi-typography.semi-typography-h5-weight-regular,
h5.semi-typography.semi-typography-h5-weight-regular {
   font-weight: 400
}

.semi-typography-h5.semi-typography.semi-typography-h5-weight-medium,
h5.semi-typography.semi-typography-h5-weight-medium {
   font-weight: 500
}

.semi-typography-h5.semi-typography.semi-typography-h5-weight-semibold,
h5.semi-typography.semi-typography-h5-weight-semibold {
   font-weight: 600
}

.semi-typography-h5.semi-typography.semi-typography-h5-weight-bold,
h5.semi-typography.semi-typography-h5-weight-bold {
   font-weight: 700
}

.semi-typography-h6.semi-typography,
h6.semi-typography {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   font-weight: 600;
   line-height: 22px;
   margin: 0
}

.semi-typography-h6.semi-typography.semi-typography-h6-weight-light,
h6.semi-typography.semi-typography-h6-weight-light {
   font-weight: 200
}

.semi-typography-h6.semi-typography.semi-typography-h6-weight-regular,
h6.semi-typography.semi-typography-h6-weight-regular {
   font-weight: 400
}

.semi-typography-h6.semi-typography.semi-typography-h6-weight-medium,
h6.semi-typography.semi-typography-h6-weight-medium {
   font-weight: 500
}

.semi-typography-h6.semi-typography.semi-typography-h6-weight-semibold,
h6.semi-typography.semi-typography-h6-weight-semibold {
   font-weight: 600
}

.semi-typography-h6.semi-typography.semi-typography-h6-weight-bold,
h6.semi-typography.semi-typography-h6-weight-bold {
   font-weight: 700
}

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

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

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

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

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

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

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

   50% {
      opacity: 1
   }
}

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

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

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

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

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

   to {
      opacity: 0
   }
}

.semi-tooltip-wrapper {
   word-wrap: break-word;
   background-color: rgba(var(--semi-grey-7), 1);
   border-radius: var(--semi-border-radius-medium);
   color: var(--semi-color-bg-0);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   left: 0;
   line-height: 22px;
   max-width: 240px;
   opacity: 0;
   overflow-wrap: break-word;
   padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
   position: relative;
   top: 0
}

.semi-tooltip-wrapper-show {
   opacity: 1
}

.semi-tooltip-content {
   min-width: 0
}

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

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

.semi-tooltip-animation-show {
   animation: semi-tooltip-zoomIn .1s cubic-bezier(.215, .61, .355, 1);
   animation-fill-mode: forwards
}

.semi-tooltip-animation-hide {
   animation: semi-tooltip-zoomOut .1s cubic-bezier(.215, .61, .355, 1);
   animation-fill-mode: forwards
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-icon {
   fill: currentColor;
   display: inline-block;
   font-style: normal;
   line-height: 0;
   text-align: center;
   text-rendering: optimizeLegibility;
   text-transform: none
}

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

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

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

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

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

.semi-icon-spinning {
   animation: semi-icon-animation-rotate .6s linear infinite;
   animation-fill-mode: forwards
}

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

   to {
      transform: rotate(1turn)
   }
}

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

   50% {
      opacity: 1
   }
}

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

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

   to {
      opacity: 0
   }
}

.semi-popover-wrapper {
   background-color: var(--semi-color-bg-3);
   border-radius: var(--semi-border-radius-medium);
   box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 4px 14px 0 rgba(0, 0, 0, .1);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   opacity: 0;
   position: relative;
   z-index: 1030
}

.semi-popover-wrapper-show {
   opacity: 1
}

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

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

.semi-popover-confirm {
   position: absolute
}

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

.semi-popover-animation-show {
   animation: semi-popover-zoomIn .1s cubic-bezier(.215, .61, .355, 1);
   animation-fill-mode: forwards
}

.semi-popover-animation-hide {
   animation: semi-popover-zoomOut .1s cubic-bezier(.215, .61, .355, 1);
   animation-fill-mode: forwards
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-anchor,
.semi-anchor-size-small {
   font-family: PingFang SC, Noto Sans SC, sans-serif
}

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

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

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

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

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

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

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

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

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

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

.semi-anchor-link-title {
   background: transparent;
   border-radius: 3px;
   color: var(--semi-color-text-2);
   cursor: pointer;
   overflow: hidden;
   padding-bottom: 4px;
   padding-top: 4px;
   text-overflow: ellipsis;
   transform: scale(var(--semi-transform_scale-none));
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   white-space: nowrap
}

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

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

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

.semi-anchor-link-title:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -2px
}

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

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

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

.semi-anchor-link-tooltip-small {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px
}

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

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

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

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

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

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

.semi-portal-rtl .semi-anchor-link,
.semi-rtl .semi-anchor-link {
   padding-left: auto
}

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

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

   to {
      transform: rotate(1turn)
   }
}

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

.semi-spin-wrapper>svg {
   animation: semi-animation-rotate .6s linear infinite;
   animation-fill-mode: forwards;
   display: inline;
   height: 20px;
   vertical-align: top;
   width: 20px
}

.semi-spin-animate {
   animation: semi-animation-rotate 1.6s linear infinite;
   animation-fill-mode: forwards;
   display: inline-flex
}

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

.semi-spin-block {
   display: block
}

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

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

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

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

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

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

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

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

.semi-spin-container {
   overflow: hidden
}

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

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

   to {
      transform: scale(.97)
   }
}

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

   to {
      transform: scale(1)
   }
}

.semi-input,
.semi-input-wrapper {
   transform: scale(var(--semi-transform_scale-none));
   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-wrapper {
   background-color: var(--semi-color-fill-0);
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-small);
   box-shadow: none;
   box-sizing: border-box;
   color: var(--semi-color-text-0);
   cursor: text;
   display: inline-block;
   line-height: 22px;
   outline: none;
   position: relative;
   vertical-align: middle;
   width: 100%
}

.semi-input-wrapper,
.semi-input-wrapper-default {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px
}

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

.semi-input-wrapper-small {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   height: 24px;
   line-height: 22px
}

.semi-input-wrapper-large {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   height: 40px;
   line-height: 38px
}

.semi-input-wrapper:hover {
   background-color: var(--semi-color-fill-1);
   border-color: transparent
}

.semi-input-wrapper-focus {
   background-color: var(--semi-color-fill-0);
   border: 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 {
   align-items: center;
   display: inline-flex
}

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

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

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

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

.semi-input-wrapper-hidden {
   border: none
}

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

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

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

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

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

.semi-input-wrapper .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 {
   justify-content: flex-end;
   min-width: 24px
}

.semi-input-wrapper-modebtn.semi-input-wrapper-clearable .semi-input-clearbtn {
   justify-content: center;
   min-width: 16px
}

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

.semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input:not(:last-child) {
   border-radius: 0;
   border-right-style: none
}

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

.semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input:not(:last-child) {
   border-right-style: none
}

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

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

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

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

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover+.semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover~.semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover+.semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover~.semi-input-modebtn {
   background-color: var(--semi-color-fill-1)
}

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

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn+.semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn+.semi-input-clearbtn {
   border-right-style: none
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus+.semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus~.semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus+.semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus~.semi-input-modebtn {
   background-color: var(--semi-color-fill-0);
   box-sizing: border-box
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus+.semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus+.semi-input-clearbtn {
   border: 1px var(--semi-color-focus-border) solid;
   border-left-style: none;
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus+.semi-input-clearbtn:not(:last-child),
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus+.semi-input-clearbtn:not(:last-child) {
   border-radius: 0
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus~.semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus~.semi-input-modebtn {
   border: 1px var(--semi-color-focus-border) solid;
   border-left-style: none;
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus~.semi-input-modebtn:not(:last-child),
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus~.semi-input-modebtn:not(:last-child) {
   border-radius: 0
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active,
.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,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active,
.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 {
   background-color: var(--semi-color-fill-2)
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

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

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

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

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover+.semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover+.semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover+.semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover+.semi-input-modebtn {
   background-color: var(--semi-color-danger-light-hover)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus+.semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus+.semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus+.semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus+.semi-input-modebtn {
   background-color: var(--semi-color-danger-light-default);
   border-color: var(--semi-color-danger)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active {
   background-color: var(--semi-color-danger-light-active)
}

.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,
.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 {
   background-color: var(--semi-color-danger-light-active);
   border-color: var(--semi-color-danger)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover {
   background-color: var(--semi-color-danger-light-default)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:last-child {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

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

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

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

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

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

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

.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,
.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 {
   background-color: var(--semi-color-warning-light-active);
   border-color: var(--semi-color-warning)
}

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

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:last-child {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

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

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

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

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

.semi-input[type=password]::-ms-clear,
.semi-input[type=password]::-ms-reveal {
   display: none
}

.semi-input[type=search]::-webkit-search-cancel-button {
   display: none
}

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

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

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

.semi-input-large {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   height: 38px;
   line-height: 38px
}

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

.semi-input-default,
.semi-input-small {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px
}

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

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

.semi-input-inset-label {
   color: var(--semi-color-text-2);
   flex-shrink: 0;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
   margin-right: 12px;
   white-space: nowrap
}

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

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

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

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

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

.semi-input-clearbtn+.semi-input-suffix+.semi-input-suffix-icon,
.semi-input-clearbtn+.semi-input-suffix+.semi-input-suffix-text {
   margin-left: 0
}

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

.semi-input-append,
.semi-input-prepend {
   align-items: center;
   background-color: var(--semi-color-fill-0);
   color: var(--semi-color-text-2);
   display: flex;
   flex-shrink: 0;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   height: 100%;
   line-height: 22px
}

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

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

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

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

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

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

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

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

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

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

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

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

.semi-input-group .semi-select {
   overflow-y: visible
}

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

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

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

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

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

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

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

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

.semi-input-only_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-portal-rtl .semi-input-wrapper,
.semi-rtl .semi-input-wrapper {
   direction: rtl
}

.semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input,
.semi-rtl .semi-input-wrapper__with-prefix .semi-input {
   padding-left: auto;
   padding-right: 0
}

.semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input,
.semi-rtl .semi-input-wrapper__with-suffix .semi-input {
   padding-left: 0;
   padding-right: auto
}

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

.semi-portal-rtl .semi-input-inset-label,
.semi-rtl .semi-input-inset-label {
   margin-left: 12px;
   margin-right: auto
}

.semi-portal-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-icon,
.semi-portal-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-text,
.semi-portal-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-icon,
.semi-portal-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-text,
.semi-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-icon,
.semi-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-text,
.semi-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-icon,
.semi-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-text {
   margin-left: auto;
   margin-right: 0
}

.semi-portal-rtl .semi-input-append,
.semi-rtl .semi-input-append {
   border-left: 0;
   border-right: 1px solid transparent
}

.semi-portal-rtl .semi-input-prepend,
.semi-rtl .semi-input-prepend {
   border-left: 1px solid transparent;
   border-right: 0
}

.semi-portal-rtl .semi-input-group .semi-cascader:not(:last-child):after,
.semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child):after,
.semi-portal-rtl .semi-input-group .semi-select:not(:last-child):after,
.semi-portal-rtl .semi-input-group .semi-tree-select:not(:last-child):after,
.semi-portal-rtl .semi-input-group>.semi-input-wrapper:not(:last-child):after,
.semi-rtl .semi-input-group .semi-cascader:not(:last-child):after,
.semi-rtl .semi-input-group .semi-input-number:not(:last-child):after,
.semi-rtl .semi-input-group .semi-select:not(:last-child):after,
.semi-rtl .semi-input-group .semi-tree-select:not(:last-child):after,
.semi-rtl .semi-input-group>.semi-input-wrapper:not(:last-child):after {
   left: -1px;
   right: auto
}

.semi-portal-rtl .semi-input-textarea-wrapper,
.semi-rtl .semi-input-textarea-wrapper {
   direction: rtl
}

.semi-portal-rtl .semi-input-textarea-counter,
.semi-rtl .semi-input-textarea-counter {
   text-align: left
}

.semi-portal-rtl .semi-input-textarea-showClear,
.semi-rtl .semi-input-textarea-showClear {
   padding-left: 36px;
   padding-right: 0
}

.semi-highlight-tag {
   background-color: var(--semi-color-highlight-bg);
   color: var(--semi-color-highlight);
   font-weight: 600
}

.semi-autocomplete-option {
   align-items: center;
   border-radius: 0;
   box-sizing: border-box;
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: flex;
   flex-wrap: nowrap;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
   position: relative;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   word-break: break-all
}

.semi-autocomplete-option-icon {
   align-content: center;
   color: transparent;
   display: flex;
   justify-content: center;
   margin-right: 8px;
   visibility: hidden;
   width: 12px
}

.semi-autocomplete-option-text {
   display: flex;
   flex-wrap: wrap;
   white-space: pre
}

.semi-autocomplete-option-keyword {
   background-color: inherit;
   color: var(--semi-color-primary);
   font-weight: 600
}

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

.semi-autocomplete-option-empty {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed;
   justify-content: center
}

.semi-autocomplete-option-empty:active,
.semi-autocomplete-option-empty:hover {
   background-color: inherit
}

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

.semi-autocomplete-option-disabled:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-autocomplete-option-selected {
   font-weight: 600
}

.semi-autocomplete-option-selected .semi-autocomplete-option-icon {
   color: var(--semi-color-text-2);
   visibility: visible
}

.semi-autocomplete-option-focused {
   background-color: var(--semi-color-fill-0)
}

.semi-autocomplete-option:first-of-type {
   margin-top: 4px
}

.semi-autocomplete-option:last-of-type {
   margin-bottom: 4px
}

.semi-autocomplete {
   box-sizing: border-box;
   cursor: text;
   display: inline-flex;
   vertical-align: middle
}

.semi-autocomplete-option-list {
   overflow-x: hidden;
   overflow-y: auto
}

.semi-autocomplete-option-list-chosen .semi-autocomplete-option-icon {
   display: flex
}

.semi-autocomplete-loading-wrapper {
   cursor: not-allowed;
   height: 20px;
   padding-bottom: 8px;
   padding-top: 8px
}

.semi-autocomplete-loading-wrapper .semi-spin {
   width: 100%
}

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

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

.semi-avatar: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 {
   align-items: center;
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   line-height: 22px
}

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

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

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

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

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

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

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

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

.semi-avatar-small .semi-avatar-label {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px
}

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

.semi-avatar-default .semi-avatar-label {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 18px;
   line-height: 24px
}

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

.semi-avatar-medium .semi-avatar-label {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 20px;
   line-height: 28px
}

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

.semi-avatar-large .semi-avatar-label {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 32px;
   line-height: 60px
}

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

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

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

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

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

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

.semi-avatar:hover {
   cursor: pointer
}

.semi-avatar-wrapper {
   align-items: center;
   display: inline-flex;
   flex-direction: column;
   position: relative;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg {
   border-radius: 50%;
   display: flex;
   justify-content: center;
   overflow: hidden;
   position: absolute
}

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

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

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

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

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

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg {
   position: absolute
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-small {
   scale: .4;
   top: -28px
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-default {
   scale: .7;
   top: -32px
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-medium {
   scale: .8;
   top: -30px
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-large {
   scale: 1.1;
   top: -30px
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-extra-large {
   scale: 1.4;
   top: -32px
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper {
   display: flex;
   justify-content: center;
   position: absolute
}

.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 {
   line-height: normal;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-small {
   font-size: 5px;
   margin-top: 0
}

.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: 0
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-large {
   font-size: 14px;
   margin-top: 0
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-extra-large {
   font-size: 16px;
   margin-top: 0
}

.semi-avatar-wrapper .semi-avatar-bottom_slot {
   bottom: 3.5px;
   color: var(--semi-color-bg-0);
   cursor: pointer;
   position: absolute;
   transform: translateY(50%);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle {
   align-items: center;
   background: var(--semi-color-primary);
   border-radius: var(--semi-border-radius-circle);
   display: flex;
   justify-content: center;
   line-height: normal
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-extra-small,
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-small {
   font-size: 5px;
   height: 12px;
   width: 12px
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-default {
   font-size: 12px;
   height: 16px;
   width: 16px
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-medium {
   font-size: 12px;
   height: 18px;
   width: 18px
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-large {
   font-size: 12px;
   height: 28px;
   width: 28px
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-extra-large {
   font-size: 14px;
   height: 28px;
   width: 28px
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square {
   align-items: center;
   background: var(--semi-color-primary);
   border-color: var(--semi-color-bg-0);
   border-radius: 4px;
   border-style: solid;
   display: flex;
   font-weight: 600;
   justify-content: center;
   padding: 1px 4px
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-extra_small,
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-small {
   border-width: 2px;
   font-size: 5px
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-default,
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-large,
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-medium {
   border-width: 2px;
   font-size: 12px
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-extra-large {
   border-width: 2px;
   font-size: 14px
}

.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-default,
.semi-avatar-group .semi-avatar-medium,
.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-end-10,
.semi-avatar-group .semi-avatar-item-start-10 {
   z-index: 90
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-avatar-amber {
   background-color: rgba(var(--semi-amber-3), 1);
   color: 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-color: var(--semi-color-primary);
   border-style: solid;
   border-width: 1.5px;
   box-sizing: border-box;
   display: inline-block;
   left: -3.5px;
   position: absolute;
   top: -3.5px
}

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

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

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

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

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

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

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

.semi-avatar-square.semi-avatar-additionalBorder-default,
.semi-avatar-square.semi-avatar-additionalBorder-extra_extra_small,
.semi-avatar-square.semi-avatar-additionalBorder-extra_small,
.semi-avatar-square.semi-avatar-additionalBorder-medium,
.semi-avatar-square.semi-avatar-additionalBorder-small {
   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: semi-avatar-additionalBorder .8s linear infinite
}

.semi-avatar-animated {
   animation: semi-avatar-content 1s linear infinite
}

@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(.9)
   }

   to {
      transform: scale(1)
   }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-button-split .semi-button-last {
   border-bottom-right-radius: var(--semi-border-radius-small);
   border-top-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 {
   align-items: center;
   border: 0 solid transparent;
   border-radius: var(--semi-border-radius-small);
   box-shadow: none;
   cursor: pointer;
   display: inline-flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   height: 32px;
   justify-content: center;
   line-height: 22px;
   outline: none;
   padding-bottom: 6px;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 6px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   vertical-align: middle;
   white-space: nowrap
}

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

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

.semi-button-danger {
   background-color: var(--semi-color-danger);
   color: rgba(var(--semi-white), 1);
   transform: scale(var(--semi-transform_scale-none));
   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-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-borderless,
.semi-button-danger.semi-button-light,
.semi-button-danger.semi-button-outline {
   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);
   transform: scale(var(--semi-transform_scale-none));
   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-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-borderless,
.semi-button-warning.semi-button-light,
.semi-button-warning.semi-button-outline {
   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);
   transform: scale(var(--semi-transform_scale-none));
   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-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-borderless,
.semi-button-tertiary.semi-button-light,
.semi-button-tertiary.semi-button-outline {
   color: var(--semi-color-text-1)
}

.semi-button-primary {
   background-color: var(--semi-color-primary);
   color: rgba(var(--semi-white), 1);
   transform: scale(var(--semi-transform_scale-none));
   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-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-borderless,
.semi-button-primary.semi-button-light,
.semi-button-primary.semi-button-outline {
   color: var(--semi-color-primary)
}

.semi-button-secondary {
   background-color: var(--semi-color-secondary);
   color: rgba(var(--semi-white), 1);
   outline-color: var(--semi-color-secondary);
   transform: scale(var(--semi-transform_scale-none));
   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-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-borderless,
.semi-button-secondary.semi-button-light,
.semi-button-secondary.semi-button-outline {
   color: var(--semi-color-secondary)
}

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

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

.semi-button-borderless {
   background-color: transparent;
   border: 0 solid transparent;
   transform: scale(var(--semi-transform_scale-none));
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

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

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

.semi-button-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 solid transparent;
   transform: scale(var(--semi-transform_scale-none));
   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-button-light:not(.semi-button-disabled):hover {
   background-color: var(--semi-color-fill-1);
   border: 0 solid transparent
}

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

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

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

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

.semi-button-group {
   display: flex;
   flex-wrap: wrap
}

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

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

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

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

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

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

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

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

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

.semi-button-group>.semi-button:last-child {
   border-bottom-right-radius: var(--semi-border-radius-small);
   border-top-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 {
   align-items: center;
   background-color: var(--semi-color-border);
   display: inline-flex
}

.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 {
   background-color: var(--semi-color-border);
   content: "";
   display: block;
   height: 20px;
   width: 1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   to {
      transform: rotate(1turn)
   }
}

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

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

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

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

.semi-button.semi-button-with-icon-only {
   align-items: center;
   height: 32px;
   justify-content: center;
   padding-bottom: 8px;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 8px;
   width: 32px
}

.semi-button.semi-button-with-icon-only.semi-button-size-small {
   height: 24px;
   padding-bottom: 4px;
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 4px;
   width: 24px
}

.semi-button.semi-button-with-icon-only.semi-button-size-large {
   height: 40px;
   padding-bottom: 12px;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 12px;
   width: 40px
}

.semi-button-content-left {
   align-items: center;
   display: flex;
   margin-right: 8px
}

.semi-button-content-right {
   align-items: center;
   display: flex;
   margin-left: 8px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-badge-count {
   border: 1px var(--semi-color-bg-1) solid;
   border-radius: 9px;
   color: var(--semi-color-bg-2);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   font-weight: 14px;
   height: 18px;
   line-height: 16px;
   min-width: 18px;
   padding: 0 4px;
   text-align: center
}

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

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

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

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

.semi-badge-custom {
   display: flex
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-banner-description {
   margin: 0
}

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

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

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

.semi-banner-in-container .semi-banner-content-wrapper .semi-banner-content-body .semi-banner-title+.semi-banner-description {
   margin-top: 2px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-breadcrumb {
   overflow: hidden
}

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

.semi-breadcrumb-wrapper-loose {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-breadcrumb-wrapper-compact {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px
}

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

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

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

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

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

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

.semi-breadcrumb-item-active .semi-typography {
   font-weight: 600
}

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

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

.semi-breadcrumb-item-link {
   align-items: center;
   column-gap: 4px;
   display: inline-flex;
   text-decoration: inherit;
   transform: scale(var(--semi-transform_scale-none));
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

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

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

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

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

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

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

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

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

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

.semi-calendar-day li,
.semi-calendar-day ul,
.semi-calendar-month li,
.semi-calendar-month ul,
.semi-calendar-week li,
.semi-calendar-week ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.semi-calendar-day-sticky-top,
.semi-calendar-month-sticky-top,
.semi-calendar-week-sticky-top {
   background-color: var(--semi-color-bg-2);
   left: 0;
   position: sticky;
   position: -webkit-sticky;
   right: 0;
   top: 0;
   z-index: 20
}

.semi-calendar-day .semi-calendar-weekend,
.semi-calendar-month .semi-calendar-weekend,
.semi-calendar-week .semi-calendar-weekend {
   background-color: var(--semi-color-fill-0)
}

.semi-calendar-day .semi-calendar-event-items,
.semi-calendar-month .semi-calendar-event-items,
.semi-calendar-week .semi-calendar-event-items {
   pointer-events: none
}

.semi-calendar-day .semi-calendar-event-items>*,
.semi-calendar-month .semi-calendar-event-items>*,
.semi-calendar-week .semi-calendar-event-items>* {
   pointer-events: auto
}

.semi-calendar-day .semi-calendar-event-items .semi-calendar-event-day,
.semi-calendar-month .semi-calendar-event-items .semi-calendar-event-day,
.semi-calendar-week .semi-calendar-event-items .semi-calendar-event-day {
   left: 0;
   overflow: hidden;
   position: absolute;
   right: 0;
   z-index: 5
}

.semi-calendar-day .semi-calendar-custom-container,
.semi-calendar-month .semi-calendar-custom-container,
.semi-calendar-week .semi-calendar-custom-container {
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
   top: 0
}

.semi-calendar-day,
.semi-calendar-week {
   overflow: auto
}

.semi-calendar-day-sticky-left,
.semi-calendar-week-sticky-left {
   background-color: var(--semi-color-bg-2);
   left: 0;
   position: sticky;
   position: -webkit-sticky;
   z-index: 10
}

.semi-calendar-day .semi-calendar-tag,
.semi-calendar-week .semi-calendar-tag {
   color: var(--semi-color-text-2);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   min-width: 70px
}

.semi-calendar-day-scroll,
.semi-calendar-week-scroll {
   display: flex;
   flex: 1 1 auto;
   position: relative
}

.semi-calendar-day .semi-calendar-grid,
.semi-calendar-week .semi-calendar-grid {
   align-items: flex-start;
   display: flex;
   flex: 1 1 auto;
   position: relative
}

.semi-calendar-day .semi-calendar-grid-skeleton,
.semi-calendar-week .semi-calendar-grid-skeleton {
   box-sizing: border-box;
   position: relative
}

.semi-calendar-day .semi-calendar-grid-skeleton li,
.semi-calendar-week .semi-calendar-grid-skeleton li {
   height: 30px
}

.semi-calendar-day .semi-calendar-grid-skeleton li:last-child,
.semi-calendar-day .semi-calendar-grid-skeleton li:nth-last-child(2),
.semi-calendar-week .semi-calendar-grid-skeleton li:last-child,
.semi-calendar-week .semi-calendar-grid-skeleton li:nth-last-child(2) {
   height: 0
}

.semi-calendar-day .semi-calendar-grid-skeleton-row-line:after,
.semi-calendar-week .semi-calendar-grid-skeleton-row-line:after {
   border-bottom: 1px solid var(--semi-color-border);
   content: "";
   left: 0;
   pointer-events: none;
   position: absolute;
   right: 0;
   z-index: 3
}

.semi-calendar-day .semi-calendar-grid-skeleton-row-line:first-child:after,
.semi-calendar-week .semi-calendar-grid-skeleton-row-line:first-child:after {
   border: 0
}

.semi-calendar-day .semi-calendar-grid-content,
.semi-calendar-week .semi-calendar-grid-content {
   flex: 1 0 auto;
   height: 100%;
   min-width: 130px
}

.semi-calendar-day .semi-calendar-grid-curr-circle,
.semi-calendar-week .semi-calendar-grid-curr-circle {
   background: var(--semi-color-danger);
   border-radius: var(--semi-border-radius-circle);
   content: "";
   height: 8px;
   margin-top: -4px;
   position: absolute;
   width: 8px;
   z-index: 8
}

.semi-calendar-day .semi-calendar-grid-curr-line,
.semi-calendar-week .semi-calendar-grid-curr-line {
   border-top: 1px solid var(--semi-color-danger);
   left: 0;
   pointer-events: none;
   position: absolute;
   right: 0;
   z-index: 8
}

.semi-calendar-day .semi-calendar-all-day,
.semi-calendar-week .semi-calendar-all-day {
   border-bottom: 1px solid var(--semi-color-border);
   display: flex;
   flex: 1 1 auto
}

.semi-calendar-day .semi-calendar-all-day .semi-calendar-tag,
.semi-calendar-week .semi-calendar-all-day .semi-calendar-tag {
   padding-right: 8px;
   text-align: right
}

.semi-calendar-day .semi-calendar-all-day .semi-calendar-tag span,
.semi-calendar-week .semi-calendar-all-day .semi-calendar-tag span {
   line-height: 26px
}

.semi-calendar-day .semi-calendar-all-day-content,
.semi-calendar-week .semi-calendar-all-day-content {
   display: flex;
   flex: 1 0 auto;
   height: 100%;
   min-height: 26px;
   min-width: 130px
}

.semi-calendar-day .semi-calendar-all-day .semi-calendar-event-items,
.semi-calendar-week .semi-calendar-all-day .semi-calendar-event-items {
   width: 100%
}

.semi-calendar-day .semi-calendar-time,
.semi-calendar-week .semi-calendar-time {
   align-items: flex-start;
   display: flex;
   flex: none;
   height: auto;
   padding-right: 8px
}

.semi-calendar-day .semi-calendar-time-item,
.semi-calendar-week .semi-calendar-time-item {
   height: 60px;
   position: relative;
   text-align: right
}

.semi-calendar-day .semi-calendar-time-item span,
.semi-calendar-week .semi-calendar-time-item span {
   color: var(--semi-color-text-2);
   display: block;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   position: relative;
   top: -10px
}

.semi-calendar-day .semi-calendar-time .semi-calendar-time-items,
.semi-calendar-week .semi-calendar-time .semi-calendar-time-items {
   background-color: var(--semi-color-bg-2);
   box-sizing: border-box;
   margin-left: auto;
   min-width: 70px;
   position: relative
}

.semi-calendar-month .semi-calendar-today .semi-calendar-today-date,
.semi-calendar-week .semi-calendar-today .semi-calendar-today-date {
   background-color: var(--semi-color-primary);
   border-radius: var(--semi-border-radius-circle);
   color: var(--semi-color-bg-1);
   height: 24px;
   line-height: 24px;
   text-align: center;
   width: 24px
}

.semi-calendar-day-scroll-wrapper {
   height: calc(100% - 28px)
}

.semi-calendar-week {
   display: grid;
   position: relative
}

.semi-calendar-week-scroll-wrapper {
   height: calc(100% - 55px)
}

.semi-calendar-week .semi-calendar-grid-skeleton-row-line:after {
   left: 0
}

.semi-calendar-week .semi-calendar-grid-skeleton li {
   border-right: 1px solid var(--semi-color-border)
}

.semi-calendar-week .semi-calendar-grid:last-child .semi-calendar-grid-content li {
   border-right: 0
}

.semi-calendar-week-grid-row,
.semi-calendar-week-header {
   align-items: flex-start;
   color: var(--semi-color-text-2);
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-calendar-week-header {
   border-bottom: 1px solid var(--semi-color-border);
   flex: 1 1 auto
}

.semi-calendar-week-grid,
.semi-calendar-week-grid-row {
   display: flex;
   flex: 1 0 auto
}

.semi-calendar-week-grid-row li {
   align-items: center;
   border-right: 1px solid transparent;
   box-sizing: border-box;
   display: flex;
   flex: 1 1;
   height: auto;
   justify-content: center
}

.semi-calendar-week-grid-row li>span {
   align-items: center;
   display: flex;
   justify-content: center;
   line-height: 26px
}

.semi-calendar-week-grid-row li>span:last-child {
   padding: 0 4px
}

.semi-calendar-week .semi-calendar-all-day {
   font-size: 26px
}

.semi-calendar-week .semi-calendar-all-day-content {
   padding-left: 0;
   position: relative
}

.semi-calendar-week .semi-calendar-all-day-content .semi-calendar-all-day-skeleton {
   display: flex;
   flex: 1 1 auto
}

.semi-calendar-week .semi-calendar-all-day-content .semi-calendar-all-day-skeleton li {
   border-right: 1px solid var(--semi-color-border);
   box-sizing: border-box;
   flex: 1 1 auto;
   min-width: 130px
}

.semi-calendar-week .semi-calendar-all-day-content .semi-calendar-all-day-skeleton li:last-child {
   border-right: 1px solid transparent
}

.semi-calendar-week .semi-calendar-all-day .semi-calendar-event-items,
.semi-calendar-week .semi-calendar-all-day .semi-calendar-event-items .semi-calendar-event-allday {
   position: absolute
}

.semi-calendar-week .semi-calendar-all-day .semi-calendar-event-items .semi-calendar-event-allday>* {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-calendar-week .semi-calendar-week-tag {
   line-height: 26px;
   text-align: right
}

.semi-calendar-week .semi-calendar-week-tag:first-child {
   padding-right: 8px
}

.semi-calendar-month {
   display: flex;
   flex-direction: column;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   height: 100%;
   line-height: 22px;
   overflow: hidden
}

.semi-calendar-month-grid-wrapper {
   height: calc(100% - 27px)
}

.semi-calendar-month-skeleton,
.semi-calendar-month-week {
   height: 100%
}

.semi-calendar-month-header {
   align-items: flex-start;
   color: var(--semi-color-text-2);
   display: flex;
   flex: 1 1 auto
}

.semi-calendar-month-grid {
   box-sizing: border-box;
   flex: 1 1 auto
}

.semi-calendar-month-grid li {
   line-height: 26px
}

.semi-calendar-month-grid-row,
.semi-calendar-month-skeleton {
   box-sizing: border-box;
   display: flex
}

.semi-calendar-month-grid-row li,
.semi-calendar-month-skeleton li {
   border-bottom: 1px solid var(--semi-color-border);
   box-sizing: border-box;
   color: var(--semi-color-text-2);
   flex: 1 1;
   padding-right: 8px;
   text-align: right;
   white-space: nowrap
}

.semi-calendar-month-grid-row li span,
.semi-calendar-month-skeleton li span {
   display: inline-block;
   text-align: right
}

.semi-calendar-month-skeleton {
   left: 0;
   overflow: hidden;
   position: absolute;
   right: 0
}

.semi-calendar-month-skeleton li {
   border-right: 1px solid var(--semi-color-border);
   height: 100%;
   overflow: hidden;
   padding-top: 4px;
   position: relative
}

.semi-calendar-month-skeleton li span {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-calendar-month-skeleton li:last-child {
   border-right: none
}

.semi-calendar-month-skeleton .semi-calendar-month-same {
   color: var(--semi-color-text-0)
}

.semi-calendar-month-skeleton .semi-calendar-month-event-card-wrapper {
   display: block;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   padding-top: 2px;
   position: absolute;
   right: 8px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-calendar-month-skeleton .semi-calendar-month-event-card-wrapper:hover {
   cursor: pointer
}

.semi-calendar-month .semi-calendar-event-items {
   bottom: 20px;
   left: 0;
   overflow: hidden;
   position: absolute;
   right: 0;
   top: 31px
}

.semi-calendar-month-grid-col {
   display: flex;
   flex: 1 1;
   flex-direction: column;
   height: 100%
}

.semi-calendar-month-weekrow {
   flex: 1 1 auto;
   position: relative
}

.semi-calendar-month-weekrow .semi-calendar-event-items .semi-calendar-event-month {
   font-size: 24px;
   height: 1em;
   overflow: hidden;
   position: absolute
}

.semi-calendar-month-weekrow .semi-calendar-event-items .semi-calendar-event-month>* {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-calendar-month-date {
   position: absolute;
   right: 4px;
   z-index: 3
}

.semi-calendar-month-event-card {
   width: 220px
}

.semi-calendar-month-event-card li,
.semi-calendar-month-event-card ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.semi-calendar-month-event-card-close {
   margin-right: -4px
}

.semi-calendar-month-event-card-content {
   padding: 12px 0
}

.semi-calendar-month-event-card-header {
   display: flex;
   flex-direction: row;
   margin: 12px 20px
}

.semi-calendar-month-event-card-header-info {
   align-items: center;
   display: flex;
   flex: 1 1;
   flex-direction: column
}

.semi-calendar-month-event-card-header-info-weekday {
   color: var(--semi-color-text-2)
}

.semi-calendar-month-event-card-header-info-date {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 20px;
   line-height: 28px;
   margin-top: 4px
}

.semi-calendar-month-event-card-body {
   padding: 0 16px
}

.semi-calendar-month-event-card-body li {
   height: 24px
}

.semi-portal-rtl .semi-calendar-day,
.semi-portal-rtl .semi-calendar-month,
.semi-portal-rtl .semi-calendar-week,
.semi-rtl .semi-calendar-day,
.semi-rtl .semi-calendar-month,
.semi-rtl .semi-calendar-week {
   direction: rtl
}

.semi-portal-rtl .semi-calendar-day-sticky-left,
.semi-portal-rtl .semi-calendar-week-sticky-left,
.semi-rtl .semi-calendar-day-sticky-left,
.semi-rtl .semi-calendar-week-sticky-left {
   left: auto;
   right: 0
}

.semi-portal-rtl .semi-calendar-day .semi-calendar-all-day .semi-calendar-tag,
.semi-portal-rtl .semi-calendar-week .semi-calendar-all-day .semi-calendar-tag,
.semi-rtl .semi-calendar-day .semi-calendar-all-day .semi-calendar-tag,
.semi-rtl .semi-calendar-week .semi-calendar-all-day .semi-calendar-tag {
   padding-left: 8px;
   padding-right: 0;
   text-align: left
}

.semi-portal-rtl .semi-calendar-day .semi-calendar-time,
.semi-portal-rtl .semi-calendar-week .semi-calendar-time,
.semi-rtl .semi-calendar-day .semi-calendar-time,
.semi-rtl .semi-calendar-week .semi-calendar-time {
   padding-left: 8px;
   padding-right: 0
}

.semi-portal-rtl .semi-calendar-day .semi-calendar-time-item,
.semi-portal-rtl .semi-calendar-week .semi-calendar-time-item,
.semi-rtl .semi-calendar-day .semi-calendar-time-item,
.semi-rtl .semi-calendar-week .semi-calendar-time-item {
   text-align: left
}

.semi-portal-rtl .semi-calendar-day .semi-calendar-time .semi-calendar-time-items,
.semi-portal-rtl .semi-calendar-week .semi-calendar-time .semi-calendar-time-items,
.semi-rtl .semi-calendar-day .semi-calendar-time .semi-calendar-time-items,
.semi-rtl .semi-calendar-week .semi-calendar-time .semi-calendar-time-items {
   margin-left: 0;
   margin-right: auto
}

.semi-portal-rtl .semi-calendar-week .semi-calendar-grid-skeleton-row-line:after,
.semi-rtl .semi-calendar-week .semi-calendar-grid-skeleton-row-line:after {
   left: 0;
   right: 0
}

.semi-portal-rtl .semi-calendar-week .semi-calendar-grid-skeleton li,
.semi-rtl .semi-calendar-week .semi-calendar-grid-skeleton li {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-calendar-week .semi-calendar-grid:last-child .semi-calendar-grid-content li,
.semi-rtl .semi-calendar-week .semi-calendar-grid:last-child .semi-calendar-grid-content li {
   border-left: 0
}

.semi-portal-rtl .semi-calendar-week .semi-calendar-all-day-content,
.semi-rtl .semi-calendar-week .semi-calendar-all-day-content {
   padding-left: auto;
   padding-right: 0
}

.semi-portal-rtl .semi-calendar-week .semi-calendar-all-day-content .semi-calendar-all-day-skeleton li,
.semi-rtl .semi-calendar-week .semi-calendar-all-day-content .semi-calendar-all-day-skeleton li {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-calendar-week .semi-calendar-all-day-content .semi-calendar-all-day-skeleton li:last-child,
.semi-rtl .semi-calendar-week .semi-calendar-all-day-content .semi-calendar-all-day-skeleton li:last-child {
   border-left: 1px solid transparent
}

.semi-portal-rtl .semi-calendar-week .semi-portal-rtl .semi-calendar-week-tag,
.semi-portal-rtl .semi-calendar-week .semi-rtl .semi-calendar-week-tag,
.semi-rtl .semi-calendar-week .semi-portal-rtl .semi-calendar-week-tag,
.semi-rtl .semi-calendar-week .semi-rtl .semi-calendar-week-tag {
   text-align: left
}

.semi-portal-rtl .semi-calendar-week .semi-portal-rtl .semi-calendar-week-tag:first-child,
.semi-portal-rtl .semi-calendar-week .semi-rtl .semi-calendar-week-tag:first-child,
.semi-rtl .semi-calendar-week .semi-portal-rtl .semi-calendar-week-tag:first-child,
.semi-rtl .semi-calendar-week .semi-rtl .semi-calendar-week-tag:first-child {
   padding-left: 8px;
   padding-right: auto
}

.semi-portal-rtl .semi-calendar-month-grid-row li,
.semi-portal-rtl .semi-calendar-month-skeleton li,
.semi-rtl .semi-calendar-month-grid-row li,
.semi-rtl .semi-calendar-month-skeleton li {
   padding-left: 8px;
   padding-right: auto;
   text-align: left
}

.semi-portal-rtl .semi-calendar-month-grid-row li span,
.semi-portal-rtl .semi-calendar-month-skeleton li span,
.semi-rtl .semi-calendar-month-grid-row li span,
.semi-rtl .semi-calendar-month-skeleton li span {
   text-align: left
}

.semi-portal-rtl .semi-calendar-month-skeleton li,
.semi-rtl .semi-calendar-month-skeleton li {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-calendar-month-skeleton li:last-child,
.semi-rtl .semi-calendar-month-skeleton li:last-child {
   border-left: none
}

.semi-portal-rtl .semi-calendar-month-skeleton .semi-calendar-month-event-card-wrapper,
.semi-rtl .semi-calendar-month-skeleton .semi-calendar-month-event-card-wrapper {
   left: 8px;
   right: auto
}

.semi-portal-rtl .semi-calendar-month-date,
.semi-rtl .semi-calendar-month-date {
   left: 4px;
   right: auto
}

.semi-portal-rtl .semi-calendar-month-event-card-close,
.semi-rtl .semi-calendar-month-event-card-close {
   margin-left: -4px;
   margin-right: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-portal-rtl .semi-card-group-grid .semi-card,
.semi-rtl .semi-card-group-grid .semi-card {
   margin-bottom: -1px;
   margin-left: 0;
   margin-right: -1px;
   margin-top: 0
}

.semi-skeleton-avatar,
.semi-skeleton-button,
.semi-skeleton-image,
.semi-skeleton-title {
   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 {
   height: 20px;
   width: 20px
}

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

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

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

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

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

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

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

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

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

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

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

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

.semi-skeleton-active .semi-skeleton-avatar,
.semi-skeleton-active .semi-skeleton-button,
.semi-skeleton-active .semi-skeleton-image,
.semi-skeleton-active .semi-skeleton-paragraph li,
.semi-skeleton-active .semi-skeleton-title {
   animation: skeleton-loading 1.4s ease infinite;
   animation-fill-mode: forwards;
   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%
}

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

   to {
      background-position: 0 50%
   }
}

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

.semi-space {
   display: inline-flex
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-carousel {
   overflow: hidden;
   position: relative
}

.semi-carousel-content {
   height: 100%;
   overflow: hidden;
   position: relative;
   width: 100%
}

.semi-carousel-content-item {
   height: 100%;
   left: 0;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 100%
}

.semi-carousel-content-item-current {
   z-index: 1
}

.semi-carousel-content-fade>* {
   opacity: 0
}

.semi-carousel-content-fade .semi-carousel-content-item-current {
   opacity: 1
}

.semi-carousel-content-slide>:not(.semi-carousel-content-item-current) {
   visibility: hidden
}

.semi-carousel-content-slide .semi-carousel-content-item-slide-out {
   animation: semi-carousel-content-item-keyframe-slide-out;
   animation-fill-mode: forwards;
   display: block
}

.semi-carousel-content-slide .semi-carousel-content-item-slide-in {
   animation: semi-carousel-content-item-keyframe-slide-in;
   animation-fill-mode: forwards;
   display: block
}

.semi-carousel-content-reverse .semi-carousel-content-item-slide-out {
   animation: semi-carousel-content-item-keyframe-slide-out-reverse;
   animation-fill-mode: forwards
}

.semi-carousel-content-reverse .semi-carousel-content-item-slide-in {
   animation: semi-carousel-content-item-keyframe-slide-in-reverse;
   animation-fill-mode: forwards
}

.semi-carousel-indicator {
   align-items: flex-end;
   display: flex;
   z-index: 2
}

.semi-carousel-indicator-left {
   bottom: 32px;
   left: 32px;
   position: absolute
}

.semi-carousel-indicator-center {
   bottom: 32px;
   left: 50%;
   position: absolute;
   transform: translate(-50%)
}

.semi-carousel-indicator-right {
   bottom: 32px;
   position: absolute;
   right: 32px
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item {
   border-radius: 50%;
   cursor: pointer
}

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

.semi-carousel-indicator-dot .semi-carousel-indicator-item-small {
   height: 8px;
   width: 8px
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-medium {
   height: 12px;
   width: 12px
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-primary {
   background-color: rgba(var(--semi-blue-6), .4);
   transition: background-color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-primary.semi-carousel-indicator-item-active {
   background: rgba(var(--semi-blue-6), 1)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-primary:hover {
   background-color: rgba(var(--semi-blue-6), .7)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-primary:active {
   background: rgba(var(--semi-blue-6), 1)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-light {
   background-color: rgba(var(--semi-white), .4);
   transition: background-color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-light.semi-carousel-indicator-item-active {
   background: rgba(var(--semi-white), 1)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-light:hover {
   background-color: rgba(var(--semi-white), .7)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-light:active {
   background: rgba(var(--semi-white), 1)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-dark {
   background-color: rgba(var(--semi-black), .5);
   transition: background-color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-dark.semi-carousel-indicator-item-active {
   background-color: rgba(var(--semi-black), 1)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-dark:hover {
   background-color: rgba(var(--semi-black), .7)
}

.semi-carousel-indicator-dot .semi-carousel-indicator-item-dark:active {
   background: rgba(var(--semi-black), 1)
}

.semi-carousel-indicator-line {
   width: 240px
}

.semi-carousel-indicator-line .semi-carousel-indicator-item {
   cursor: pointer;
   flex: 1 1
}

.semi-carousel-indicator-line .semi-carousel-indicator-item:not(:last-child) {
   margin-right: 4px
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-small {
   height: 4px
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-medium {
   height: 6px
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-primary {
   background-color: rgba(var(--semi-blue-6), .4)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-primary.semi-carousel-indicator-item-active {
   background: rgba(var(--semi-blue-6), 1)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-primary:hover {
   background-color: rgba(var(--semi-blue-6), .7)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-primary:active {
   background: rgba(var(--semi-blue-6), 1)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-light {
   background-color: rgba(var(--semi-white), .4)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-light.semi-carousel-indicator-item-active {
   background: rgba(var(--semi-white), 1)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-light:hover {
   background-color: rgba(var(--semi-white), .7)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-light:active {
   background: rgba(var(--semi-white), 1)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-dark {
   background-color: rgba(var(--semi-black), .5)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-dark.semi-carousel-indicator-item-active {
   background: rgba(var(--semi-black), 1)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-dark:hover {
   background-color: rgba(var(--semi-black), .7)
}

.semi-carousel-indicator-line .semi-carousel-indicator-item-dark:active {
   background: rgba(var(--semi-black), 1)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item {
   cursor: pointer
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item:not(:last-child) {
   margin-right: 4px
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-small {
   height: 12px;
   width: 4px
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-small.semi-carousel-indicator-item-active {
   height: 20px
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-medium {
   height: 20px;
   width: 6px
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-medium.semi-carousel-indicator-item-active {
   height: 28px
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-primary {
   background-color: rgba(var(--semi-blue-6), .4)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-primary.semi-carousel-indicator-item-active {
   background: rgba(var(--semi-blue-6), 1)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-primary:hover {
   background-color: rgba(var(--semi-blue-6), .7)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-primary:active {
   background: rgba(var(--semi-blue-6), 1)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-light {
   background-color: rgba(var(--semi-white), .4)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-light.semi-carousel-indicator-item-active {
   background: rgba(var(--semi-white), 1)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-light:hover {
   background-color: rgba(var(--semi-white), .7)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-light:active {
   background: rgba(var(--semi-white), 1)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-dark {
   background-color: rgba(var(--semi-black), .5)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-dark.semi-carousel-indicator-item-active {
   background: rgba(var(--semi-black), 1)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-dark:hover {
   background-color: rgba(var(--semi-black), .7)
}

.semi-carousel-indicator-columnar .semi-carousel-indicator-item-dark:active {
   background: rgba(var(--semi-black), 1)
}

.semi-carousel-arrow {
   cursor: pointer;
   display: flex;
   font-size: 32px
}

.semi-carousel-arrow-prev {
   left: 20px
}

.semi-carousel-arrow-next,
.semi-carousel-arrow-prev {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 2
}

.semi-carousel-arrow-next {
   right: 20px
}

.semi-carousel-arrow-light {
   color: rgba(var(--semi-white), .4);
   transition: color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none)
}

.semi-carousel-arrow-light:hover {
   color: rgba(var(--semi-white), 1)
}

.semi-carousel-arrow-primary {
   color: rgba(var(--semi-blue-6), .4);
   transition: color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none)
}

.semi-carousel-arrow-primary:hover {
   color: rgba(var(--semi-blue-6), 1)
}

.semi-carousel-arrow-dark {
   color: rgba(var(--semi-black), .5);
   transition: color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none)
}

.semi-carousel-arrow-dark:hover {
   color: rgba(var(--semi-black), 1)
}

.semi-carousel-arrow-hover div {
   opacity: 0;
   z-index: 2
}

.semi-carousel:hover .semi-carousel-arrow-hover div {
   opacity: 1
}

@keyframes semi-carousel-content-item-keyframe-slide-in {
   0% {
      transform: translateX(100%)
   }

   to {
      transform: translateX(0)
   }
}

@keyframes semi-carousel-content-item-keyframe-slide-out {
   0% {
      transform: translateX(0)
   }

   to {
      transform: translateX(-100%)
   }
}

@keyframes semi-carousel-content-item-keyframe-slide-in-reverse {
   0% {
      transform: translateX(-100%)
   }

   to {
      transform: translateX(0)
   }
}

@keyframes semi-carousel-content-item-keyframe-slide-out-reverse {
   0% {
      transform: translateX(0)
   }

   to {
      transform: translateX(100%)
   }
}

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

.semi-portal-rtl .semi-carousel-indicator,
.semi-rtl .semi-carousel-indicator {
   display: flex
}

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

.semi-portal-rtl .semi-carousel-indicator-columnar .semi-carousel-indicator-item:not(:last-child),
.semi-rtl .semi-carousel-indicator-columnar .semi-carousel-indicator-item:not(:last-child) {
   margin-left: 4px;
   margin-right: 0
}

.semi-portal-rtl .semi-carousel-arrow,
.semi-rtl .semi-carousel-arrow {
   flex-direction: row-reverse
}

.semi-portal-rtl .semi-carousel-arrow-prev,
.semi-rtl .semi-carousel-arrow-prev {
   left: auto;
   right: 20px;
   transform: scaleX(-1) translateY(-50%);
   z-index: 2
}

.semi-portal-rtl .semi-carousel-arrow-next,
.semi-rtl .semi-carousel-arrow-next {
   left: 20px;
   right: auto;
   transform: scaleX(-1) translateY(-50%);
   z-index: 2
}

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

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

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

.semi-cascader:active {
   background-color: var(--semi-color-fill-2)
}

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

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

.semi-cascader-large .semi-cascader-selection {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   line-height: 22px
}

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

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

.semi-cascader-focus:active {
   background-color: var(--semi-color-fill-2)
}

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

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

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

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

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

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

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

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

.semi-cascader-selection {
   align-items: center;
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: inline-flex;
   flex-grow: 1;
   flex-wrap: wrap;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   height: 100%;
   line-height: 22px;
   overflow: hidden;
   padding-left: 12px;
   padding-right: 12px
}

.semi-cascader-selection-multiple {
   padding-left: 4px;
   padding-right: 4px
}

.semi-cascader-selection-placeholder {
   color: var(--semi-color-text-2);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-cascader-selection-tag {
   margin: 1px 2px 1px 0
}

.semi-cascader-selection-tag:first-child {
   margin-left: 0
}

.semi-cascader-selection-tag-disabled.semi-tag {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-cascader-selection-tag-disabled.semi-tag .semi-tag-close {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed;
   pointer-events: none
}

.semi-cascader-selection-n {
   color: var(--semi-color-text-0);
   cursor: pointer;
   font-size: 12px;
   margin-right: 4px;
   padding-left: 8px;
   padding-right: 8px
}

.semi-cascader-selection-n-disabled {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

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

.semi-cascader-selection .semi-cascader-tagInput-wrapper {
   background: transparent;
   border: hidden;
   margin-left: -4px
}

.semi-cascader-selection .semi-tagInput {
   min-height: 30px
}

.semi-cascader-selection .semi-tagInput-small {
   min-height: 22px
}

.semi-cascader-selection .semi-tagInput-large {
   min-height: 38px
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper {
   margin-left: 4px
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input {
   padding-left: 0
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper-default,
.semi-cascader-selection .semi-tagInput .semi-input-wrapper-large {
   margin-bottom: 1px;
   margin-top: 1px
}

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

.semi-cascader-selection-text-hide {
   display: none
}

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

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

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

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

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

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

.semi-cascader-inset-label {
   color: var(--semi-color-text-2);
   display: inline;
   flex-shrink: 0;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
   margin-right: 12px;
   white-space: nowrap
}

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

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

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

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

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

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

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

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

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

.semi-cascader-popover .semi-cascader-option-empty {
   border-radius: var(--semi-border-radius-medium);
   color: var(--semi-color-disabled-text);
   cursor: not-allowed;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   margin: 0;
   min-width: 150px;
   padding: 8px 12px;
   text-align: center;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

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

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper {
   align-items: center;
   display: flex;
   height: 30px;
   position: relative;
   width: 100%
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper-small {
   height: 22px
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper-large {
   height: 38px
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper .semi-input-wrapper {
   background-color: transparent;
   border: none;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%
}

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

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

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

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

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

.semi-cascader-option-lists ul>li {
   padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 16px;
   padding-top: 8px
}

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

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

.semi-cascader-option-lists .semi-cascader-option {
   align-items: center;
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   justify-content: space-between;
   line-height: 22px;
   min-width: -webkit-min-content;
   min-width: -moz-min-content;
   min-width: min-content;
   position: relative;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   word-break: break-all
}

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

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

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

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

.semi-cascader-option-lists .semi-cascader-option-icon-left {
   margin-left: 8px
}

.semi-cascader-option-lists .semi-cascader-option-spin-icon {
   height: 16px;
   line-height: 0;
   width: 16px
}

.semi-cascader-option-lists .semi-cascader-option-spin-icon svg {
   height: 16px;
   width: 16px
}

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

.semi-cascader-option-lists .semi-cascader-option-label-checkbox {
   margin-right: 8px
}

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

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

.semi-cascader-option-lists .semi-cascader-option-label-highlight,
.semi-cascader-option-lists .semi-cascader-option-select {
   color: var(--semi-color-primary);
   font-weight: 600
}

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

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

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

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

.semi-cascader-borderless:not(:focus-within):not(:hover) {
   background-color: transparent;
   border-color: transparent
}

.semi-cascader-borderless:not(:focus-within):not(:hover) .semi-cascader-arrow {
   opacity: 0
}

.semi-cascader-borderless:focus-within:not(:active) {
   background-color: transparent
}

.semi-cascader-borderless.semi-cascader-error:not(:focus-within) {
   border-color: var(--semi-color-danger)
}

.semi-cascader-borderless.semi-cascader-warning:not(:focus-within) {
   border-color: var(--semi-color-warning)
}

.semi-cascader-borderless.semi-cascader-error:focus-within {
   border-color: var(--semi-color-danger)
}

.semi-cascader-borderless.semi-cascader-warning:focus-within {
   border-color: var(--semi-color-warning)
}

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

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

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

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

.semi-portal-rtl .semi-cascader-selection-multiple,
.semi-rtl .semi-cascader-selection-multiple {
   padding-left: 4px;
   padding-right: 4px
}

.semi-portal-rtl .semi-cascader-selection-tag:first-child,
.semi-rtl .semi-cascader-selection-tag:first-child {
   margin-right: 0
}

.semi-portal-rtl .semi-cascader-selection-n,
.semi-rtl .semi-cascader-selection-n {
   margin-left: 4px;
   margin-right: 0
}

.semi-portal-rtl .semi-cascader-selection .semi-cascader-tagInput-wrapper,
.semi-rtl .semi-cascader-selection .semi-cascader-tagInput-wrapper {
   margin-left: 0;
   margin-right: -4px
}

.semi-portal-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper,
.semi-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper {
   margin-left: 0;
   margin-right: 4px
}

.semi-portal-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input,
.semi-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input {
   padding-right: 0
}

.semi-cascader-option-label-checkbox {
   margin-left: 8px;
   margin-right: 0
}

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

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

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

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

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

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

.semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option .semi-icon-chevron_right {
   margin-left: 0;
   margin-right: 8px;
   transform: scaleX(-1)
}

.semi-checkbox {
   align-items: flex-start;
   box-sizing: border-box;
   column-gap: 8px;
   cursor: pointer;
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   position: relative;
   transform: scale(var(--semi-transform_scale-none));
   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-checkbox input[type=checkbox] {
   height: 100%;
   left: 0;
   margin: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   width: 100%
}

.semi-checkbox-content {
   display: flex;
   flex: 1 1;
   flex-direction: column;
   row-gap: 4px
}

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

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

.semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display,
.semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
   box-shadow: none
}

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

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

.semi-checkbox-inner {
   align-items: center;
   cursor: pointer;
   display: flex;
   height: 20px;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 16px
}

.semi-checkbox-inner-display {
   background: transparent;
   border-radius: var(--semi-border-radius-extra-small);
   box-shadow: inset 0 0 0 1px var(--semi-color-text-3);
   box-sizing: border-box;
   height: 16px;
   margin: 0;
   position: relative;
   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);
   width: 16px
}

.semi-checkbox-inner-display .semi-icon {
   font-size: 16px
}

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

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

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

.semi-checkbox:hover.semi-checkbox-indeterminate .semi-checkbox-inner-display {
   background: var(--semi-color-primary-hover);
   box-shadow: none;
   color: var(--semi-color-white)
}

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

.semi-checkbox:hover.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_enable .semi-checkbox-inner-display {
   background: var(--semi-color-white)
}

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

.semi-checkbox:active.semi-checkbox-indeterminate .semi-checkbox-inner-display {
   box-shadow: none
}

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

.semi-checkbox:active.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_enable .semi-checkbox-inner-display {
   background: var(--semi-color-white)
}

.semi-checkbox-cardType {
   align-items: flex-start;
   background: transparent;
   border: 1px solid transparent;
   border-radius: 3px;
   flex-wrap: nowrap;
   padding: 12px 16px
}

.semi-checkbox-cardType .semi-checkbox-inner {
   flex-shrink: 0;
   position: relative
}

.semi-checkbox-cardType .semi-checkbox-inner-display {
   background: var(--semi-color-white)
}

.semi-checkbox-cardType .semi-checkbox-inner-pureCardType {
   opacity: 0;
   width: 0
}

.semi-checkbox-cardType .semi-checkbox-addon {
   color: var(--semi-color-text-0);
   font-size: 14px;
   font-weight: 600;
   line-height: 20px
}

.semi-checkbox-cardType .semi-checkbox-extra {
   color: var(--semi-color-text-2);
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
}

.semi-checkbox-cardType .semi-checkbox-extra.semi-checkbox-cardType_extra_noChildren {
   margin-top: 0
}

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

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

.semi-checkbox-cardType_checked {
   background: var(--semi-color-primary-light-default);
   border: 1px solid var(--semi-color-primary)
}

.semi-checkbox-cardType_checked:hover {
   background: var(--semi-color-primary-light-default);
   border-color: var(--semi-color-primary-hover)
}

.semi-checkbox-cardType_checked:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
   box-shadow: none
}

.semi-checkbox-cardType_checked:active {
   background: var(--semi-color-primary-light-default);
   border-color: var(--semi-color-primary-active)
}

.semi-checkbox-cardType_disabled:active,
.semi-checkbox-cardType_disabled:hover {
   background: transparent
}

.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType {
   background: var(--semi-color-primary-light-default);
   border: 1px solid var(--semi-color-primary-disabled)
}

.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
   box-shadow: none
}

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

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

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

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

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

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

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

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

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

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

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

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

.semi-checkbox-extra {
   box-sizing: border-box;
   color: var(--semi-color-text-2);
   flex-basis: 100%;
   flex-grow: 1;
   flex-shrink: 0
}

.semi-checkbox-focus {
   outline: 2px solid var(--semi-color-primary-light-active)
}

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

.semi-checkboxGroup {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 14px
}

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

.semi-checkboxGroup-horizontal {
   display: flex;
   flex-wrap: wrap;
   gap: 16px
}

.semi-checkboxGroup-horizontal .semi-checkbox {
   display: inline-flex
}

.semi-checkboxGroup-vertical {
   display: flex;
   flex-direction: column;
   row-gap: 12px
}

.semi-checkboxGroup-vertical-cardType {
   row-gap: 16px
}

.semi-checkboxGroup-vertical-pureCardType .semi-checkbox {
   column-gap: 0
}

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

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

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

.semi-tag {
   align-items: center;
   background-color: transparent;
   border-radius: var(--semi-border-radius-small);
   box-sizing: border-box;
   display: flex;
   display: inline-flex;
   justify-content: center;
   overflow: hidden;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   vertical-align: bottom;
   white-space: nowrap
}

.semi-tag-default,
.semi-tag-small {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   height: 20px;
   line-height: 16px;
   padding: 2px 8px
}

.semi-tag-default:focus-visible,
.semi-tag-small:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-tag-square {
   border-radius: var(--semi-border-radius-small)
}

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

.semi-tag-large {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   height: 24px;
   line-height: 16px;
   padding: 4px 8px
}

.semi-tag-large:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-tag-invisible {
   display: none
}

.semi-tag-prefix-icon {
   display: flex;
   padding-right: 4px
}

.semi-tag-suffix-icon {
   display: flex;
   padding-left: 4px
}

.semi-tag-content {
   flex: 1 1
}

.semi-tag-content-ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-tag-content-center {
   height: 100%;
   min-width: 0
}

.semi-tag-close,
.semi-tag-content-center {
   align-items: center;
   display: flex;
   justify-content: center
}

.semi-tag-close {
   color: var(--semi-color-text-2);
   cursor: pointer;
   padding-left: 4px
}

.semi-tag-close:hover {
   color: var(--semi-color-text-1)
}

.semi-tag-close:active {
   color: var(--semi-color-text-0)
}

.semi-tag-closable {
   padding: 4px 4px 4px 8px
}

.semi-tag-avatar-circle .semi-avatar,
.semi-tag-avatar-square .semi-avatar {
   margin-right: 4px
}

.semi-tag-avatar-square {
   padding: 0 4px 0 0
}

.semi-tag-avatar-square .semi-avatar>img {
   background-color: var(--semi-color-default)
}

.semi-tag-avatar-circle {
   padding: 2px 4px 2px 2px
}

.semi-tag-avatar-square.semi-tag-default .semi-avatar,
.semi-tag-avatar-square.semi-tag-small .semi-avatar {
   height: 20px;
   width: 20px
}

.semi-tag-avatar-square.semi-tag-large .semi-avatar {
   height: 24px;
   width: 24px
}

.semi-tag-avatar-circle.semi-tag-default,
.semi-tag-avatar-circle.semi-tag-small {
   border-radius: 11px
}

.semi-tag-avatar-circle.semi-tag-default .semi-avatar,
.semi-tag-avatar-circle.semi-tag-small .semi-avatar {
   height: 16px;
   width: 16px
}

.semi-tag-avatar-circle.semi-tag-large {
   border-radius: 13px
}

.semi-tag-avatar-circle.semi-tag-large .semi-avatar {
   height: 20px;
   width: 20px
}

.semi-tag-group {
   display: block;
   height: auto
}

.semi-tag-group .semi-tag {
   margin-bottom: 0;
   margin-right: 8px
}

.semi-tag-group-max.semi-tag-group-small {
   height: 22px
}

.semi-tag-group-max.semi-tag-group-large {
   height: 26px
}

.semi-tag-rest-group-popover .semi-tag {
   margin-bottom: 0;
   margin-right: 8px
}

.semi-tag-rest-group-popover .semi-tag:last-of-type {
   margin-right: 0
}

.semi-tag-amber-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-amber-4), 1);
   color: rgba(var(--semi-amber-5), 1)
}

.semi-tag-amber-solid {
   background-color: rgba(var(--semi-amber-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-amber-light {
   background-color: rgba(var(--semi-amber-5), .15);
   color: rgba(var(--semi-amber-8), 1)
}

.semi-tag-blue-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-blue-4), 1);
   color: rgba(var(--semi-blue-5), 1)
}

.semi-tag-blue-solid {
   background-color: rgba(var(--semi-blue-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-blue-light {
   background-color: rgba(var(--semi-blue-5), .15);
   color: rgba(var(--semi-blue-8), 1)
}

.semi-tag-cyan-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-cyan-4), 1);
   color: rgba(var(--semi-cyan-5), 1)
}

.semi-tag-cyan-solid {
   background-color: rgba(var(--semi-cyan-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-cyan-light {
   background-color: rgba(var(--semi-cyan-5), .15);
   color: rgba(var(--semi-cyan-8), 1)
}

.semi-tag-green-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-green-4), 1);
   color: rgba(var(--semi-green-5), 1)
}

.semi-tag-green-solid {
   background-color: rgba(var(--semi-green-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-green-light {
   background-color: rgba(var(--semi-green-5), .15);
   color: rgba(var(--semi-green-8), 1)
}

.semi-tag-grey-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-grey-4), 1);
   color: rgba(var(--semi-grey-5), 1)
}

.semi-tag-grey-solid {
   background-color: rgba(var(--semi-grey-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-grey-light {
   background-color: rgba(var(--semi-grey-5), .15);
   color: rgba(var(--semi-grey-8), 1)
}

.semi-tag-indigo-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-indigo-4), 1);
   color: rgba(var(--semi-indigo-5), 1)
}

.semi-tag-indigo-solid {
   background-color: rgba(var(--semi-indigo-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-indigo-light {
   background-color: rgba(var(--semi-indigo-5), .15);
   color: rgba(var(--semi-indigo-8), 1)
}

.semi-tag-light-blue-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-light-blue-4), 1);
   color: rgba(var(--semi-light-blue-5), 1)
}

.semi-tag-light-blue-solid {
   background-color: rgba(var(--semi-light-blue-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-light-blue-light {
   background-color: rgba(var(--semi-light-blue-5), .15);
   color: rgba(var(--semi-light-blue-8), 1)
}

.semi-tag-light-green-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-light-green-4), 1);
   color: rgba(var(--semi-light-green-5), 1)
}

.semi-tag-light-green-solid {
   background-color: rgba(var(--semi-light-green-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-light-green-light {
   background-color: rgba(var(--semi-light-green-5), .15);
   color: rgba(var(--semi-light-green-8), 1)
}

.semi-tag-lime-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-lime-4), 1);
   color: rgba(var(--semi-lime-5), 1)
}

.semi-tag-lime-solid {
   background-color: rgba(var(--semi-lime-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-lime-light {
   background-color: rgba(var(--semi-lime-5), .15);
   color: rgba(var(--semi-lime-8), 1)
}

.semi-tag-orange-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-orange-4), 1);
   color: rgba(var(--semi-orange-5), 1)
}

.semi-tag-orange-solid {
   background-color: rgba(var(--semi-orange-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-orange-light {
   background-color: rgba(var(--semi-orange-5), .15);
   color: rgba(var(--semi-orange-8), 1)
}

.semi-tag-pink-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-pink-4), 1);
   color: rgba(var(--semi-pink-5), 1)
}

.semi-tag-pink-solid {
   background-color: rgba(var(--semi-pink-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-pink-light {
   background-color: rgba(var(--semi-pink-5), .15);
   color: rgba(var(--semi-pink-8), 1)
}

.semi-tag-purple-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-purple-4), 1);
   color: rgba(var(--semi-purple-5), 1)
}

.semi-tag-purple-solid {
   background-color: rgba(var(--semi-purple-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-purple-light {
   background-color: rgba(var(--semi-purple-5), .15);
   color: rgba(var(--semi-purple-8), 1)
}

.semi-tag-red-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-red-4), 1);
   color: rgba(var(--semi-red-5), 1)
}

.semi-tag-red-solid {
   background-color: rgba(var(--semi-red-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-red-light {
   background-color: rgba(var(--semi-red-5), .15);
   color: rgba(var(--semi-red-8), 1)
}

.semi-tag-teal-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-teal-4), 1);
   color: rgba(var(--semi-teal-5), 1)
}

.semi-tag-teal-solid {
   background-color: rgba(var(--semi-teal-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-teal-light {
   background-color: rgba(var(--semi-teal-5), .15);
   color: rgba(var(--semi-teal-8), 1)
}

.semi-tag-violet-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-violet-4), 1);
   color: rgba(var(--semi-violet-5), 1)
}

.semi-tag-violet-solid {
   background-color: rgba(var(--semi-violet-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-violet-light {
   background-color: rgba(var(--semi-violet-5), .15);
   color: rgba(var(--semi-violet-8), 1)
}

.semi-tag-yellow-ghost {
   background-color: transparent;
   border: 1px solid rgba(var(--semi-yellow-4), 1);
   color: rgba(var(--semi-yellow-5), 1)
}

.semi-tag-yellow-solid {
   background-color: rgba(var(--semi-yellow-5), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-tag-yellow-light {
   background-color: rgba(var(--semi-yellow-5), .15);
   color: rgba(var(--semi-yellow-8), 1)
}

.semi-tag-white-ghost,
.semi-tag-white-light,
.semi-tag-white-solid {
   background-color: var(--semi-color-bg-4);
   border: 1px solid rgba(var(--semi-grey-2), .7);
   color: var(--semi-color-text-0)
}

.semi-tag-white-ghost .semi-tag-close,
.semi-tag-white-light .semi-tag-close,
.semi-tag-white-solid .semi-tag-close {
   color: var(--semi-color-text-2)
}

.semi-tag-avatar-circle,
.semi-tag-avatar-square {
   background-color: var(--semi-color-bg-4);
   border: 1px solid var(--semi-color-border);
   color: var(--semi-color-text-0)
}

.semi-tag-solid .semi-tag-close {
   color: var(--semi-color-white);
   opacity: .8
}

.semi-tag-solid .semi-tag-close:hover {
   opacity: 1
}

.semi-tag-solid .semi-tag-close:active {
   opacity: .9
}

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

.semi-portal-rtl .semi-tag-close,
.semi-rtl .semi-tag-close {
   padding-left: auto;
   padding-right: 4px
}

.semi-portal-rtl .semi-tag-closable,
.semi-rtl .semi-tag-closable {
   padding: 4px 8px 4px 4px
}

.semi-portal-rtl .semi-tag-avatar-circle .semi-avatar,
.semi-portal-rtl .semi-tag-avatar-square .semi-avatar,
.semi-rtl .semi-tag-avatar-circle .semi-avatar,
.semi-rtl .semi-tag-avatar-square .semi-avatar {
   margin-left: 4px;
   margin-right: auto
}

.semi-portal-rtl .semi-tag-avatar-square,
.semi-rtl .semi-tag-avatar-square {
   padding-left: 4px;
   padding-right: auto
}

.semi-portal-rtl .semi-tag-avatar-circle,
.semi-rtl .semi-tag-avatar-circle {
   padding: 2px 2px 2px 4px
}

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

.semi-portal-rtl .semi-tag-group .semi-tag,
.semi-rtl .semi-tag-group .semi-tag {
   margin-left: 8px;
   margin-right: auto
}

.semi-portal-rtl .semi-tag-rest-group-popover,
.semi-rtl .semi-tag-rest-group-popover {
   direction: rtl
}

.semi-portal-rtl .semi-tag-rest-group-popover .semi-tag,
.semi-rtl .semi-tag-rest-group-popover .semi-tag {
   margin-left: 8px;
   margin-right: 0
}

.semi-portal-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type,
.semi-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type {
   margin-left: 0;
   margin-right: auto
}

.semi-tagInput {
   background-color: var(--semi-color-fill-0);
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-small);
   box-sizing: border-box;
   display: inline-flex;
   font-weight: 400;
   min-height: 32px;
   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);
   width: 100%
}

.semi-tagInput-small {
   min-height: 24px
}

.semi-tagInput-large {
   min-height: 40px
}

.semi-tagInput-drag-item {
   align-items: center;
   display: flex
}

.semi-tagInput-drag-item-move {
   z-index: 2000
}

.semi-tagInput-drag-handler {
   color: var(--semi-color-text-2);
   cursor: move;
   margin-right: 4px
}

.semi-tagInput-sortable-item {
   position: relative
}

.semi-tagInput-sortable-item-over {
   overflow: visible
}

.semi-tagInput-sortable-item-over:before {
   background-color: var(--semi-color-primary);
   content: "";
   display: block;
   height: 100%;
   left: -2px;
   position: absolute;
   top: 0;
   width: 2px
}

.semi-tagInput-sortable-item-active {
   opacity: .5
}

.semi-tagInput-hover {
   background-color: var(--semi-color-fill-1);
   border: 1px solid transparent
}

.semi-tagInput-focus {
   background-color: var(--semi-color-fill-0);
   border: 1px var(--semi-color-focus-border) solid
}

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

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

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

.semi-tagInput-error {
   background-color: var(--semi-color-danger-light-default);
   border-color: var(--semi-color-danger-light-default)
}

.semi-tagInput-error:hover {
   background-color: var(--semi-color-danger-light-hover);
   border-color: var(--semi-color-danger-light-hover)
}

.semi-tagInput-error.semi-tagInput-focus {
   background-color: var(--semi-color-danger-light-default);
   border-color: var(--semi-color-danger)
}

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

.semi-tagInput-disabled .semi-tagInput-clearBtn,
.semi-tagInput-disabled .semi-tagInput-prefix,
.semi-tagInput-disabled .semi-tagInput-suffix {
   color: var(--semi-color-disabled-text)
}

.semi-tagInput-disabled .semi-tagInput-wrapper {
   cursor: not-allowed
}

.semi-tagInput-disabled .semi-tagInput-wrapper-tag {
   background-color: transparent;
   color: var(--semi-color-disabled-text)
}

.semi-tagInput-disabled .semi-tagInput-wrapper-input {
   cursor: not-allowed
}

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

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

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

.semi-tagInput-wrapper {
   align-items: center;
   display: flex;
   flex-grow: 1;
   flex-wrap: wrap;
   overflow: hidden;
   padding-left: 4px;
   padding-right: 4px
}

.semi-tagInput-wrapper-tag {
   margin-right: 4px;
   white-space: pre
}

.semi-tagInput-wrapper-tag-size-small {
   margin-bottom: 1px;
   margin-top: 1px
}

.semi-tagInput-wrapper-tag-size-default {
   margin-bottom: 2px;
   margin-top: 2px
}

.semi-tagInput-wrapper-tag-size-large {
   margin-bottom: 3px;
   margin-top: 3px
}

.semi-tagInput-wrapper-tag-icon {
   padding-left: 4px
}

.semi-tagInput-wrapper-typo {
   font-size: 12px
}

.semi-tagInput-wrapper-typo-disabled {
   color: var(--semi-color-disabled-text)
}

.semi-tagInput-wrapper-n {
   color: var(--semi-color-text-0);
   cursor: pointer;
   font-size: 12px;
   margin-right: 4px;
   padding-left: 8px;
   padding-right: 8px
}

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

.semi-tagInput-wrapper .semi-tagInput-wrapper-input {
   background-color: transparent;
   border: none;
   flex-grow: 1;
   font-size: 14px;
   outline: none;
   width: -webkit-min-content;
   width: -moz-min-content;
   width: min-content
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input:hover {
   background-color: transparent
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input:not(:first-child)>input {
   padding-left: 0
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-small {
   height: 20px;
   line-height: 20px;
   margin-bottom: 1px;
   margin-top: 1px
}

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

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-default {
   height: 24px;
   line-height: 24px;
   margin-bottom: 2px;
   margin-top: 2px
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-default .semi-input-default {
   height: 24px;
   line-height: 24px
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-large {
   height: 24px;
   line-height: 24px;
   margin-bottom: 3px;
   margin-top: 3px
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-large .semi-input-large {
   height: 24px;
   line-height: 24px
}

.semi-tagInput-clearBtn {
   align-items: center;
   color: var(--semi-color-text-2);
   display: flex;
   flex-shrink: 0;
   justify-content: center;
   width: 32px
}

.semi-tagInput-clearBtn:hover {
   color: var(--semi-color-primary-hover);
   cursor: pointer
}

.semi-tagInput-clearBtn-invisible {
   visibility: hidden
}

.semi-tagInput-inset-label {
   color: var(--semi-color-text-2);
   flex-shrink: 0;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
   margin-right: 12px;
   white-space: nowrap
}

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

.semi-tagInput-prefix-text,
.semi-tagInput-suffix-text {
   font-weight: 600;
   margin: 0 12px;
   white-space: nowrap
}

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

.semi-tagInput-prefix-text,
.semi-tagInput-suffix-text {
   color: var(--semi-color-text-2)
}

.semi-tagInput-with-prefix .semi-input {
   padding-left: 0
}

.semi-tagInput-tag-content-wrapper {
   align-items: center;
   display: flex
}

.semi-tagInput-sortable-list {
   display: flex;
   flex-flow: row wrap;
   width: 100%
}

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

.semi-portal-rtl .semi-tagInput-wrapper-tag,
.semi-rtl .semi-tagInput-wrapper-tag {
   margin-left: 4px;
   margin-right: 0
}

.semi-portal-rtl .semi-tagInput-wrapper-input:not(:first-child)>input,
.semi-rtl .semi-tagInput-wrapper-input:not(:first-child)>input {
   padding-right: 0
}

.semi-collapsible-transition {
   transition: height .25s ease var(--semi-transition_delay-none), opacity .25s var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-collapse-item {
   border-bottom: 1px solid var(--semi-color-border)
}

.semi-collapse-header {
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-text-0);
   cursor: pointer;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   justify-content: space-between;
   line-height: 22px;
   margin: 4px 8px;
   outline: none;
   padding: 8px
}

.semi-collapse-header,
.semi-collapse-header-right {
   align-items: center;
   display: flex
}

.semi-collapse-header-right span {
   display: flex;
   padding-right: 8px
}

.semi-collapse-header-right span:last-child {
   padding-right: 0
}

.semi-collapse-header-icon {
   color: var(--semi-color-text-2);
   height: 16px;
   width: 16px
}

.semi-collapse-header-iconLeft {
   justify-content: flex-start
}

.semi-collapse-header-iconLeft .semi-collapse-header-icon {
   margin-right: 8px
}

.semi-collapse-header-iconDisabled {
   color: var(--semi-color-disabled-text)
}

.semi-collapse-header:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-collapse-header:active {
   background-color: var(--semi-color-fill-1)
}

.semi-collapse-header-disabled {
   color: var(--semi-color-disabled-text)
}

.semi-collapse-header-disabled:hover {
   background-color: transparent
}

.semi-collapse-content {
   color: var(--semi-color-text-1);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   padding: 4px 16px 8px 16px
}

.semi-collapse-content p {
   margin: 0
}

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

.semi-portal-rtl .semi-collapse-header-right span,
.semi-rtl .semi-collapse-header-right span {
   display: flex;
   padding-left: 8px;
   padding-right: 0
}

.semi-portal-rtl .semi-collapse-header-right span:last-child,
.semi-rtl .semi-collapse-header-right span:last-child {
   padding-left: 0;
   padding-right: 0
}

.semi-scrolllist {
   background: var(--semi-color-bg-3);
   border-radius: var(--semi-border-radius-medium);
   box-shadow: 0 0 1px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .1);
   display: flex;
   flex-direction: column;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   height: 100%;
   line-height: 22px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 100%
}

.semi-scrolllist-header {
   padding: 0 16px;
   text-align: center
}

.semi-scrolllist-header-title {
   color: var(--semi-color-text-0);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
   padding: 16px 0
}

.semi-scrolllist-body {
   display: flex;
   height: 300px;
   overflow: hidden;
   padding: 0 16px
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer-nocycle>ul:before,
.semi-scrolllist-body .semi-scrolllist-item>ul:before {
   content: "";
   display: block;
   height: 132px;
   width: 100%
}

.semi-scrolllist-body .semi-scrolllist-item {
   flex: 1 1;
   overflow-x: hidden;
   overflow-y: auto;
   position: relative
}

.semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
   border-right: 1px solid var(--semi-color-border)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul,
.semi-scrolllist-body .semi-scrolllist-item>ul {
   box-sizing: border-box;
   list-style: none;
   margin: 0;
   padding: 0;
   padding-bottom: 132px;
   width: 100%
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li,
.semi-scrolllist-body .semi-scrolllist-item>ul>li {
   align-items: center;
   background-color: transparent;
   box-sizing: border-box;
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: flex;
   height: 36px;
   justify-content: center;
   list-style: none;
   text-align: center;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li.semi-scrolllist-item-sel,
.semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-sel {
   background: var(--semi-color-primary-light-default);
   color: var(--semi-color-text-0)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li.semi-scrolllist-item-sel>svg,
.semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-sel>svg {
   color: var(--semi-color-text-2);
   height: 16px;
   margin-right: 12px;
   width: 16px
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected),
.semi-scrolllist-body .semi-scrolllist-item>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected) {
   cursor: pointer
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):hover,
.semi-scrolllist-body .semi-scrolllist-item>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):hover {
   background-color: var(--semi-color-fill-1)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):active,
.semi-scrolllist-body .semi-scrolllist-item>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):active {
   background-color: var(--semi-color-fill-2)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li.semi-scrolllist-item-disabled,
.semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-disabled {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-scrolllist-body .semi-scrolllist-item-wheel {
   flex: 1 1;
   overflow: hidden;
   position: relative
}

.semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
   border-right: 1px solid var(--semi-color-border)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-item-selected {
   color: var(--semi-color-primary) !important;
   font-weight: 600
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   padding-right: 18px;
   width: 100%
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade {
   height: 50%;
   pointer-events: none;
   position: absolute;
   width: 100%
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-pre {
   background: var(--semi-color-bg-3);
   margin-top: -19px;
   opacity: .5;
   top: 0
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-post {
   background: var(--semi-color-bg-3);
   margin-top: 19px;
   opacity: .5;
   top: 50%
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-selector {
   border-bottom: 1px solid var(--semi-color-border);
   border-top: 1px solid var(--semi-color-border);
   height: 36px;
   pointer-events: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 100%
}

.semi-scrolllist .semi-scrolllist-footer {
   border-top: 1px solid var(--semi-color-border);
   padding: 10px
}

.semi-scrolllist .semi-scrolllist-line {
   background: var(--semi-color-border);
   height: 1px
}

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

.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item:not(:last-child),
.semi-rtl .semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li.semi-scrolllist-item-sel>svg,
.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-sel>svg,
.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li.semi-scrolllist-item-sel>svg,
.semi-rtl .semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-sel>svg {
   margin-left: 12px;
   margin-right: 0
}

.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child),
.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer,
.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
   padding-left: 18px;
   padding-right: 0
}

.semi-datepicker {
   box-sizing: border-box;
   display: inline-block
}

.semi-datepicker-container {
   display: flex
}

.semi-datepicker .semi-scrolllist-body .semi-scrolllist-item {
   -ms-overflow-style: none;
   scrollbar-width: none
}

.semi-datepicker .semi-scrolllist-body .semi-scrolllist-item::-webkit-scrollbar {
   display: none;
   height: 0;
   width: 0
}

.semi-datepicker .semi-scrolllist-body .semi-scrolllist-list-outer {
   -ms-overflow-style: none;
   scrollbar-width: none
}

.semi-datepicker .semi-scrolllist-body .semi-scrolllist-list-outer::-webkit-scrollbar {
   display: none;
   height: 0;
   width: 0
}

.semi-datepicker-month-grid {
   display: flex;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-datepicker-month-grid-left,
.semi-datepicker-month-grid-right {
   display: inline-flex;
   flex-direction: column;
   justify-content: flex-start;
   padding: 0;
   position: relative
}

.semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-yam,
.semi-datepicker-month-grid[x-type=date] .semi-datepicker-yam {
   height: 100%
}

.semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-yam,
.semi-datepicker-month-grid[x-type=dateTime] .semi-datepicker-yam {
   height: calc(100% - 54px)
}

.semi-datepicker-month-grid .semi-datepicker-yam-showing {
   min-height: 378px;
   min-width: 284px
}

.semi-datepicker-month-grid[x-type=date] .semi-datepicker-yam-showing {
   min-height: 325px
}

.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=time],
.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=year],
.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=time],
.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=year] {
   min-height: 317px
}

.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-navigation {
   padding-bottom: 8px;
   padding-top: 8px
}

.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-tpk {
   min-height: 100%
}

.semi-datepicker-month-grid[x-insetinput=true][x-type=dateTimeRange] .semi-datepicker-yam,
.semi-datepicker-month-grid[x-insetinput=true][x-type=dateTime] .semi-datepicker-yam {
   height: 100%
}

.semi-datepicker-month-grid[x-preset-position=left][x-insetinput=false] .semi-datepicker-month,
.semi-datepicker-month-grid[x-preset-position=right][x-insetinput=false] .semi-datepicker-month {
   height: 253px
}

.semi-datepicker-month-grid .semi-datepicker-yearmonth-header {
   align-items: center;
   background: var(--semi-color-bg-3);
   border-bottom: 1px solid var(--semi-color-border);
   border-radius: var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0 0;
   display: flex;
   padding: 12px 16px
}

.semi-datepicker-month-grid .semi-scrolllist {
   background: var(--semi-color-bg-3);
   box-shadow: none;
   flex: 1 1;
   height: auto;
   height: 100%;
   overflow: hidden;
   position: relative;
   width: 100%
}

.semi-datepicker-month-grid .semi-scrolllist-body,
.semi-datepicker-month-grid .semi-scrolllist-header {
   box-sizing: border-box;
   width: 100%
}

.semi-datepicker-month-grid .semi-scrolllist-header {
   border-bottom: 1px solid var(--semi-color-border);
   padding: 16px
}

.semi-datepicker-month-grid .semi-scrolllist-body {
   flex: 1 1;
   height: 100%;
   overflow: hidden;
   padding: 0
}

.semi-datepicker-month-grid .semi-scrolllist-line {
   display: none
}

.semi-datepicker-month-grid .semi-scrolllist-header-title {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 24px;
   min-height: 24px;
   padding: 0
}

.semi-datepicker-month-grid[x-panel-yearandmonth-open-type=left] .semi-datepicker-weeks,
.semi-datepicker-month-grid[x-panel-yearandmonth-open-type=right] .semi-datepicker-weeks {
   min-height: 216px
}

.semi-datepicker-panel-yam {
   max-width: 484px
}

.semi-datepicker-panel-yam[x-type=monthRange] {
   max-width: 584px
}

.semi-datepicker-panel-yam .semi-datepicker-yearmonth-body {
   display: flex
}

.semi-datepicker-panel-yam .semi-datepicker-yearmonth-body .semi-scrolllist:nth-child(2) {
   border-left: 1px solid var(--semi-color-border)
}

.semi-datepicker-panel-yam .semi-scrolllist {
   box-shadow: none;
   height: 266px
}

.semi-datepicker-panel-yam .semi-scrolllist-list-outer>ul>li {
   min-width: 64px
}

.semi-datepicker-panel-yam .semi-scrolllist-item>ul>li {
   min-width: 82px
}

.semi-datepicker-panel-yam .semi-scrolllist-body {
   overflow: hidden;
   padding: 0
}

.semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel:not(#neverExistElement) {
   border: none
}

.semi-datepicker-footer {
   background-color: var(--semi-color-fill-0);
   padding-bottom: 10px;
   padding-right: 8px;
   padding-top: 10px;
   text-align: right
}

.semi-datepicker-footer .semi-button:first-of-type {
   margin-right: 12px
}

.semi-datepicker-footer .semi-button:nth-of-type(2) {
   margin-right: 8px
}

.semi-datepicker-yam {
   box-sizing: border-box
}

.semi-datepicker-tpk,
.semi-datepicker-yam {
   display: flex;
   flex-direction: column;
   position: absolute;
   top: 0;
   width: 100%
}

.semi-datepicker-tpk {
   height: calc(100% - 54px)
}

.semi-datepicker-tpk .semi-datepicker-time {
   height: 100%
}

.semi-datepicker-navigation {
   align-items: center;
   box-sizing: content-box;
   display: flex;
   height: 32px;
   padding: 12px 16px
}

.semi-datepicker-navigation-left,
.semi-datepicker-navigation-right {
   align-items: center;
   display: flex;
   height: 32px;
   justify-content: center;
   width: 32px
}

.semi-datepicker-navigation .semi-button {
   color: var(--semi-color-text-2);
   min-width: 32px
}

.semi-datepicker-navigation-month {
   color: var(--semi-color-text-0);
   flex-grow: 1;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   font-weight: 600;
   line-height: 22px;
   text-align: center
}

.semi-datepicker-navigation-month .semi-button {
   color: var(--semi-color-text-0)
}

.semi-datepicker-month {
   box-sizing: content-box;
   padding: 16px;
   padding-top: 0;
   width: 252px
}

.semi-datepicker-weekday {
   border-bottom: 1px solid var(--semi-color-border);
   color: var(--semi-color-text-2);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   font-weight: 600;
   line-height: 16px
}

.semi-datepicker-weekday-item {
   display: inline-block;
   height: 36px;
   line-height: 36px;
   text-align: center;
   width: 36px
}

.semi-datepicker-weeks {
   color: var(--semi-color-text-0)
}

.semi-datepicker-week {
   align-items: center;
   display: flex
}

.semi-datepicker-day {
   cursor: pointer;
   display: inline-block;
   height: 36px;
   width: 36px
}

.semi-datepicker-day,
.semi-datepicker-day-main {
   align-items: center;
   box-sizing: border-box;
   display: flex;
   justify-content: center
}

.semi-datepicker-day-main {
   border-radius: var(--semi-border-radius-small);
   height: 32px;
   margin: 0 auto;
   width: 32px
}

.semi-datepicker-day-main:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-datepicker-day-main:active {
   background-color: var(--semi-color-fill-1)
}

.semi-datepicker-day-today .semi-datepicker-day-main {
   background-color: var(--semi-color-fill-0);
   color: var(--semi-color-primary);
   font-weight: 600
}

.semi-datepicker-day-today.semi-datepicker-day-disabled .semi-datepicker-day-main {
   color: var(--semi-color-primary-disabled)
}

.semi-datepicker-day-hoverday .semi-datepicker-day-main,
.semi-datepicker-day-hoverday-around-singleselected .semi-datepicker-day-main,
.semi-datepicker-day-inhover .semi-datepicker-day-main,
.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main,
.semi-datepicker-day-inrange .semi-datepicker-day-main,
.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
   border-radius: 0;
   margin-left: 0;
   margin-right: 0;
   width: 36px
}

.semi-datepicker-day-offsetrange-start.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,
.semi-datepicker-day-selected .semi-datepicker-day-main,
.semi-datepicker-day-selected-start.semi-datepicker-day-selected-end .semi-datepicker-day-main {
   border-radius: var(--semi-border-radius-small)
}

.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
   border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main {
   border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,
.semi-datepicker-day-selected-start .semi-datepicker-day-main {
   border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
   margin-left: 2px;
   margin-right: 0;
   width: 34px
}

.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,
.semi-datepicker-day-selected-end .semi-datepicker-day-main {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
   margin-left: 0;
   margin-right: 2px;
   width: 34px
}

.semi-datepicker-day-hoverday-inrange .semi-datepicker-day-main {
   border-radius: 0
}

.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main,
.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,
.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
   background-color: var(--semi-color-fill-0)
}

.semi-datepicker-day-hoverday .semi-datepicker-day-main,
.semi-datepicker-day-hoverday-offset .semi-datepicker-day-main {
   background-color: var(--semi-color-fill-1)
}

.semi-datepicker-day-inhover .semi-datepicker-day-main,
.semi-datepicker-day-inrange .semi-datepicker-day-main {
   background-color: var(--semi-color-primary-light-default)
}

.semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main,
.semi-datepicker-day-hoverday-around-singleselected .semi-datepicker-day-main,
.semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main,
.semi-datepicker-day-hoverday-inrange .semi-datepicker-day-main {
   background-color: var(--semi-color-primary-light-active)
}

.semi-datepicker-day-selected .semi-datepicker-day-main,
.semi-datepicker-day-selected-end .semi-datepicker-day-main,
.semi-datepicker-day-selected-start .semi-datepicker-day-main {
   background-color: var(--semi-color-primary);
   color: var(--semi-color-white)
}

.semi-datepicker-day-selected .semi-datepicker-day-main:hover,
.semi-datepicker-day-selected-end .semi-datepicker-day-main:hover,
.semi-datepicker-day-selected-start .semi-datepicker-day-main:hover {
   background-color: var(--semi-color-primary)
}

.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
   background-color: var(--semi-color-primary-light-hover)
}

.semi-datepicker-day-selected-end-beforehover .semi-datepicker-day-main,
.semi-datepicker-day-selected-start-afterhover .semi-datepicker-day-main {
   border: 1px solid var(--semi-color-primary-active)
}

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

.semi-datepicker-day-disabled .semi-datepicker-day-main:active,
.semi-datepicker-day-disabled .semi-datepicker-day-main:hover {
   background-color: transparent
}

.semi-datepicker-day-disabled.semi-datepicker-day-hoverday .semi-datepicker-day-main,
.semi-datepicker-day-disabled.semi-datepicker-day-hoverday-offset .semi-datepicker-day-main,
.semi-datepicker-day-disabled.semi-datepicker-day-inhover .semi-datepicker-day-main,
.semi-datepicker-day-disabled.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main,
.semi-datepicker-day-disabled.semi-datepicker-day-inrange .semi-datepicker-day-main,
.semi-datepicker-day-disabled.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,
.semi-datepicker-day-disabled.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,
.semi-datepicker-day-disabled.semi-datepicker-day-selected .semi-datepicker-day-main,
.semi-datepicker-day-disabled.semi-datepicker-day-selected-end .semi-datepicker-day-main,
.semi-datepicker-day-disabled.semi-datepicker-day-selected-start .semi-datepicker-day-main,
.semi-datepicker-day-disabled.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
   background-color: var(--semi-color-disabled-fill);
   color: var(--semi-color-disabled-text)
}

.semi-datepicker-switch {
   border-top: 1px solid var(--semi-color-border);
   display: flex;
   margin-top: auto;
   text-align: center
}

.semi-datepicker-switch-date,
.semi-datepicker-switch-time {
   align-items: center;
   color: var(--semi-color-text-2);
   cursor: pointer;
   display: flex;
   justify-content: center;
   padding-bottom: 16px;
   padding-top: 16px;
   width: 50%
}

.semi-datepicker-switch-date:not(.semi-datepicker-switch-time-disabled):hover,
.semi-datepicker-switch-time:not(.semi-datepicker-switch-time-disabled):hover {
   background-color: var(--semi-color-fill-0)
}

.semi-datepicker-switch-date-active,
.semi-datepicker-switch-time-active {
   color: var(--semi-color-text-0);
   cursor: auto;
   font-weight: 600
}

.semi-datepicker-switch-date-active:hover,
.semi-datepicker-switch-time-active:hover {
   background-color: inherit
}

.semi-datepicker-switch-date-disabled,
.semi-datepicker-switch-time-disabled {
   cursor: not-allowed
}

.semi-datepicker-switch-text {
   padding-left: 8px
}

.semi-datepicker-time .semi-jumperlist {
   border-radius: 0;
   box-shadow: none
}

.semi-datepicker-quick-control {
   background-color: transparent;
   box-sizing: border-box
}

.semi-datepicker-quick-control-header {
   font-weight: 600;
   padding: 18px 12px 0
}

.semi-datepicker-quick-control-left {
   border-right: 1px solid var(--semi-color-border)
}

.semi-datepicker-quick-control-right {
   border-left: 1px solid var(--semi-color-border)
}

.semi-datepicker-quick-control-top {
   border-bottom: 1px solid var(--semi-color-border)
}

.semi-datepicker-quick-control-bottom {
   border-top: 1px solid var(--semi-color-border)
}

.semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-right-content-wrapper {
   margin-top: 14px;
   max-width: 200px;
   overflow-y: auto
}

.semi-datepicker-quick-control-bottom-content-wrapper,
.semi-datepicker-quick-control-top-content-wrapper {
   max-height: 100px;
   overflow-y: auto
}

.semi-datepicker-quick-control-left-content,
.semi-datepicker-quick-control-right-content {
   grid-gap: 8px;
   align-content: flex-start;
   box-sizing: border-box;
   display: grid;
   grid-template-columns: repeat(2, minmax(76.5px, 84px));
   padding: 0 12px 12px
}

.semi-datepicker-quick-control-left-content-item,
.semi-datepicker-quick-control-right-content-item {
   max-width: 84px
}

.semi-datepicker-quick-control-left-content-item-ellipsis,
.semi-datepicker-quick-control-right-content-item-ellipsis {
   color: var(--semi-color-primary);
   width: 68px
}

.semi-datepicker-quick-control-bottom-content,
.semi-datepicker-quick-control-top-content {
   grid-gap: 8px;
   align-content: flex-start;
   display: grid;
   grid-template-columns: repeat(3, minmax(70.924px, 75.924px));
   padding: 8px 20px
}

.semi-datepicker-quick-control-bottom-content-item,
.semi-datepicker-quick-control-top-content-item {
   max-width: 75.924px
}

.semi-datepicker-quick-control-bottom-content-item-ellipsis,
.semi-datepicker-quick-control-top-content-item-ellipsis {
   color: var(--semi-color-primary);
   width: 59.924px
}

.semi-datepicker-quick-control-bottom-range-content,
.semi-datepicker-quick-control-top-range-content {
   grid-gap: 8px;
   align-content: flex-start;
   box-sizing: border-box;
   display: grid;
   grid-template-columns: repeat(5, minmax(96.2px, 99.2px));
   padding: 8px 20px
}

.semi-datepicker-quick-control-bottom-range-content-item,
.semi-datepicker-quick-control-top-range-content-item {
   max-width: 99.2px
}

.semi-datepicker-quick-control-bottom-range-content-item-ellipsis,
.semi-datepicker-quick-control-top-range-content-item-ellipsis {
   color: var(--semi-color-primary);
   width: 83.2px
}

.semi-datepicker-quick-control-bottom-month-content,
.semi-datepicker-quick-control-top-month-content {
   grid-gap: 8px;
   align-content: flex-start;
   box-sizing: border-box;
   display: grid;
   grid-template-columns: repeat(2, minmax(51px, 58.5px));
   padding: 8px 20px
}

.semi-datepicker-quick-control-bottom-month-content-item,
.semi-datepicker-quick-control-top-month-content-item {
   max-width: 58.5px
}

.semi-datepicker-quick-control-bottom-month-content-item-ellipsis,
.semi-datepicker-quick-control-top-month-content-item-ellipsis {
   color: var(--semi-color-primary);
   max-width: 42.5px
}

.semi-datepicker-quick-control-month {
   max-width: 284px
}

.semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 258px
}

.semi-datepicker-quick-control-month .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-month .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 214px
}

.semi-datepicker-quick-control-date {
   max-width: 284px
}

.semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 309px
}

.semi-datepicker-quick-control-date .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-date .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 273px
}

.semi-datepicker-quick-control-dateTime {
   max-width: 284px
}

.semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 309px
}

.semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 326px
}

.semi-datepicker-quick-control-dateRange {
   max-width: 568px
}

.semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 309px
}

.semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 273px
}

.semi-datepicker-quick-control-dateTimeRange {
   max-width: 568px
}

.semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 309px
}

.semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 326px
}

.semi-datepicker-topSlot {
   border-bottom: 1px solid var(--semi-color-border)
}

.semi-datepicker-leftSlot {
   border-right: 1px solid var(--semi-color-border)
}

.semi-datepicker-rightSlot {
   border-left: 1px solid var(--semi-color-border)
}

.semi-datepicker-bottomSlot {
   border-top: 1px solid var(--semi-color-border)
}

.semi-datepicker .semi-popover-trigger {
   width: 100%
}

.semi-datepicker .semi-popover-trigger .semi-input-wrapper {
   font-size: 13px
}

.semi-datepicker .semi-popover-trigger .semi-input-suffix {
   color: var(--semi-color-primary)
}

.semi-datepicker .semi-datepicker-input-readonly {
   cursor: pointer
}

.semi-datepicker-inset-input-wrapper {
   box-sizing: border-box;
   column-gap: 8px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
   padding: 12px 16px;
   padding-bottom: 0;
   width: 284px
}

.semi-datepicker-inset-input-wrapper[x-type=dateRange],
.semi-datepicker-inset-input-wrapper[x-type=dateTimeRange] {
   width: 568px
}

.semi-datepicker-inset-input-wrapper[x-type=month] {
   width: 165px
}

.semi-datepicker-inset-input-wrapper[x-type=monthRange] {
   width: 331px
}

.semi-datepicker-inset-input-wrapper .semi-input-wrapper {
   flex: 1 1;
   flex-shrink: 0
}

.semi-datepicker-inset-input-separator {
   color: var(--semi-color-text-3);
   flex-grow: 0;
   flex-shrink: 0;
   height: 32px;
   line-height: 32px;
   padding: 0 4px
}

.semi-datepicker-range-input {
   align-items: center;
   background-color: var(--semi-color-fill-0);
   border: 0 solid transparent;
   border-radius: var(--semi-border-radius-small);
   box-sizing: border-box;
   color: var(--semi-color-text-2);
   display: flex;
   height: 32px
}

.semi-datepicker-range-input:active,
.semi-datepicker-range-input:hover {
   border-color: transparent
}

.semi-datepicker-range-input:focus-within {
   border-color: transparent
}

.semi-datepicker-range-input .semi-datepicker-monthRange-input {
   background-color: transparent
}

.semi-datepicker-range-input-wrapper {
   align-items: center;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-small);
   box-sizing: border-box;
   display: flex;
   height: 100%;
   padding: 0 8px;
   width: 100%
}

.semi-datepicker-range-input-wrapper .semi-input-wrapper {
   background-color: transparent;
   border: none
}

.semi-datepicker-range-input-wrapper-focus {
   background-color: var(--semi-color-fill-1);
   border-color: transparent;
   border-radius: var(--semi-border-radius-small);
   transition: background-color .16s ease-in-out
}

.semi-datepicker-range-input-wrapper-focus~.semi-datepicker-range-input-clearbtn {
   display: flex
}

.semi-datepicker-range-input-wrapper-focus~.semi-datepicker-range-input-clearbtn~.semi-datepicker-range-input-suffix {
   display: none
}

.semi-datepicker-range-input-wrapper .semi-input {
   padding: 2px 4px
}

.semi-datepicker-range-input-wrapper-icon {
   flex-shrink: 0
}

.semi-datepicker-range-input-wrapper:hover {
   background-color: var(--semi-color-fill-1)
}

.semi-datepicker-range-input-wrapper-start {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0
}

.semi-datepicker-range-input-wrapper-end,
.semi-datepicker-range-input-wrapper-start-with-prefix {
   border-radius: 0
}

.semi-datepicker-range-input-wrapper-active {
   background-color: var(--semi-color-fill-1);
   border-color: var(--semi-color-focus-border)
}

.semi-datepicker-range-input-separator {
   align-items: center;
   display: flex
}

.semi-datepicker-range-input-separator-active {
   color: var(--semi-color-text-0)
}

.semi-datepicker-range-input-small {
   height: 24px
}

.semi-datepicker-range-input-large {
   height: 40px
}

.semi-datepicker-range-input-large .semi-input-default {
   font-size: 16px
}

.semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn {
   cursor: pointer;
   display: flex
}

.semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn~.semi-datepicker-range-input-suffix {
   display: none
}

.semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn:hover {
   color: var(--semi-color-primary-hover)
}

.semi-datepicker-range-input-disabled {
   background-color: var(--semi-color-disabled-fill);
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-datepicker-range-input-disabled .semi-datepicker-range-input-wrapper:hover {
   background-color: transparent
}

.semi-datepicker-range-input-disabled:hover {
   background-color: var(--semi-color-disabled-fill)
}

.semi-datepicker-range-input-disabled .semi-datepicker-range-input-clearbtn,
.semi-datepicker-range-input-disabled .semi-datepicker-range-input-prefix,
.semi-datepicker-range-input-disabled .semi-datepicker-range-input-suffix {
   color: var(--semi-color-disabled-text)
}

.semi-datepicker-range-input-warning {
   background-color: var(--semi-color-warning-light-default)
}

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

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

.semi-datepicker-range-input-error {
   background-color: var(--semi-color-danger-light-default)
}

.semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper:hover {
   background-color: var(--semi-color-danger-light-hover)
}

.semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper-active {
   background-color: var(--semi-color-danger-light-hover);
   border-color: var(--semi-color-danger)
}

.semi-datepicker-range-input .semi-datepicker-range-input-clearbtn {
   display: none
}

.semi-datepicker-range-input-clearbtn,
.semi-datepicker-range-input-prefix,
.semi-datepicker-range-input-suffix {
   align-items: center;
   color: var(--semi-color-text-2);
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   justify-content: center;
   line-height: 20px;
   white-space: nowrap
}

.semi-datepicker-range-input-prefix {
   padding-left: 12px;
   padding-right: 8px
}

.semi-datepicker-range-input-suffix {
   padding-left: 8px;
   padding-right: 12px
}

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

.semi-datepicker-range-input-clearbtn {
   padding-left: 8px;
   padding-right: 12px
}

.semi-datepicker-compact {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 20px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-yam,
.semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTime] .semi-datepicker-yam {
   height: calc(100% - 32px)
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left,
.semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left {
   border-right: 1px solid var(--semi-color-border)
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yam-showing {
   min-height: 288px;
   min-width: 216px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-type=date] .semi-datepicker-yam-showing {
   min-height: 256px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-preset-position=left][x-insetinput=false] .semi-datepicker-month,
.semi-datepicker-compact .semi-datepicker-month-grid[x-preset-position=right][x-insetinput=false] .semi-datepicker-month {
   height: 220px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-header {
   box-sizing: border-box;
   height: 48px;
   padding: 12px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body {
   display: flex
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body .semi-scrolllist:nth-child(2) {
   border: 1px solid var(--semi-color-border)
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 20px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-header {
   display: none
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-list-outer>ul>li {
   height: 32px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel {
   border-right: 0
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-selector {
   height: 32px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-shade-pre {
   margin-top: -17px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-shade-post {
   margin-top: 17px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-panel-yearandmonth-open-type=left] .semi-datepicker-weeks,
.semi-datepicker-compact .semi-datepicker-month-grid[x-panel-yearandmonth-open-type=right] .semi-datepicker-weeks {
   min-height: 168px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=time],
.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=year],
.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=time],
.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=year],
.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-yam-showing {
   min-height: 256px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-tpk {
   min-height: 100%
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true][x-type=dateTimeRange] .semi-datepicker-yam,
.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true][x-type=dateTime] .semi-datepicker-yam {
   height: 100%
}

.semi-datepicker-compact.semi-datepicker-panel-yam .semi-scrolllist {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 20px
}

.semi-datepicker-compact .semi-datepicker-tpk {
   height: calc(100% - 32px)
}

.semi-datepicker-compact .semi-datepicker-navigation {
   height: 24px;
   padding: 12px;
   padding-bottom: 0
}

.semi-datepicker-compact .semi-datepicker-navigation-left,
.semi-datepicker-compact .semi-datepicker-navigation-right {
   height: 24px;
   width: 24px
}

.semi-datepicker-compact .semi-datepicker-navigation .semi-button {
   min-height: 24px;
   min-width: 24px
}

.semi-datepicker-compact .semi-datepicker-navigation-month .semi-button {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 20px
}

.semi-datepicker-compact .semi-datepicker-month {
   padding: 0;
   width: 216px
}

.semi-datepicker-compact .semi-datepicker-weeks {
   padding: 10px;
   padding-top: 6px
}

.semi-datepicker-compact .semi-datepicker-weekday {
   border-bottom: 1px solid var(--semi-color-border);
   box-sizing: border-box;
   height: 36px;
   padding-bottom: 8px;
   padding-left: 10px;
   padding-right: 10px
}

.semi-datepicker-compact .semi-datepicker-weekday-item {
   height: 28px;
   line-height: 28px;
   width: 28px
}

.semi-datepicker-compact .semi-datepicker-day {
   height: 28px;
   width: 28px
}

.semi-datepicker-compact .semi-datepicker-day-main {
   height: 24px;
   width: 24px
}

.semi-datepicker-compact .semi-datepicker-day-hoverday .semi-datepicker-day-main,
.semi-datepicker-compact .semi-datepicker-day-inhover .semi-datepicker-day-main,
.semi-datepicker-compact .semi-datepicker-day-inoffsetrange .semi-datepicker-day-main,
.semi-datepicker-compact .semi-datepicker-day-inrange .semi-datepicker-day-main,
.semi-datepicker-compact .semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
   width: 28px
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-start.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,
.semi-datepicker-compact .semi-datepicker-day-selected-start.semi-datepicker-day-selected-end .semi-datepicker-day-main {
   border-radius: 4px
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
   border-radius: 4px 0 0 4px
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
   border-radius: 0 4px 4px 0
}

.semi-datepicker-compact .semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main {
   border-radius: 4px 0 0 4px
}

.semi-datepicker-compact .semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main {
   border-radius: 0 4px 4px 0
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,
.semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main {
   border-radius: 4px 0 0 4px;
   margin-left: 2px;
   margin-right: 0;
   width: 34px
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,
.semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main {
   border-radius: 0 4px 4px 0;
   margin-left: 0;
   margin-right: 2px;
   width: 34px
}

.semi-datepicker-compact .semi-datepicker-switch {
   box-sizing: border-box;
   height: 32px
}

.semi-datepicker-compact .semi-datepicker-switch-date,
.semi-datepicker-compact .semi-datepicker-switch-time {
   padding-bottom: 6px;
   padding-top: 6px
}

.semi-datepicker-compact .semi-datepicker-switch-date {
   border-right: 1px solid var(--semi-color-border)
}

.semi-datepicker-compact .semi-datepicker-switch-text {
   padding-left: 0
}

.semi-datepicker-compact .semi-datepicker-quick-control-header {
   font-weight: 600;
   padding: 16px 12px 0
}

.semi-datepicker-compact .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-right-content-wrapper {
   margin-top: 12px
}

.semi-datepicker-compact .semi-datepicker-quick-control-left-content,
.semi-datepicker-compact .semi-datepicker-quick-control-right-content {
   grid-gap: 8px;
   align-content: flex-start;
   box-sizing: border-box;
   display: grid;
   grid-template-columns: repeat(2, minmax(76.5px, 84px));
   padding: 0 12px 12px
}

.semi-datepicker-compact .semi-datepicker-quick-control-left-content-item,
.semi-datepicker-compact .semi-datepicker-quick-control-right-content-item {
   max-width: 84px
}

.semi-datepicker-compact .semi-datepicker-quick-control-left-content-item-ellipsis,
.semi-datepicker-compact .semi-datepicker-quick-control-right-content-item-ellipsis {
   color: var(--semi-color-primary);
   font-size: 12px;
   width: 68px
}

.semi-datepicker-compact .semi-datepicker-quick-control-bottom-content,
.semi-datepicker-compact .semi-datepicker-quick-control-top-content {
   grid-gap: 8px;
   align-content: flex-start;
   box-sizing: border-box;
   display: grid;
   grid-template-columns: repeat(3, minmax(54.94px, 59.94px));
   padding: 8px 10px
}

.semi-datepicker-compact .semi-datepicker-quick-control-bottom-content-item,
.semi-datepicker-compact .semi-datepicker-quick-control-top-content-item {
   max-width: 59.94px
}

.semi-datepicker-compact .semi-datepicker-quick-control-bottom-content-item-ellipsis,
.semi-datepicker-compact .semi-datepicker-quick-control-top-content-item-ellipsis {
   color: var(--semi-color-primary);
   font-size: 12px;
   width: 43.94px
}

.semi-datepicker-compact .semi-datepicker-quick-control-bottom-range-content,
.semi-datepicker-compact .semi-datepicker-quick-control-top-range-content {
   grid-gap: 8px;
   align-content: flex-start;
   display: grid;
   grid-template-columns: repeat(5, minmax(73px, 76px));
   padding: 8px 10px
}

.semi-datepicker-compact .semi-datepicker-quick-control-bottom-range-content-item,
.semi-datepicker-compact .semi-datepicker-quick-control-top-range-content-item {
   max-width: 76px
}

.semi-datepicker-compact .semi-datepicker-quick-control-bottom-range-content-item-ellipsis,
.semi-datepicker-compact .semi-datepicker-quick-control-top-range-content-item-ellipsis {
   color: var(--semi-color-primary);
   font-size: 12px;
   width: 60px
}

.semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content,
.semi-datepicker-compact .semi-datepicker-quick-control-top-month-content {
   grid-gap: 8px;
   align-content: flex-start;
   display: grid;
   grid-template-columns: repeat(2, minmax(61px, 68.5px));
   padding: 8px 10px
}

.semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content-item,
.semi-datepicker-compact .semi-datepicker-quick-control-top-month-content-item {
   max-width: 68.5px
}

.semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content-item-ellipsis,
.semi-datepicker-compact .semi-datepicker-quick-control-top-month-content-item-ellipsis {
   color: var(--semi-color-primary);
   font-size: 12px;
   max-width: 52.5px
}

.semi-datepicker-compact .semi-datepicker-quick-control-month {
   max-width: 216px
}

.semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 254px
}

.semi-datepicker-compact .semi-datepicker-quick-control-month .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-month .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 218px
}

.semi-datepicker-compact .semi-datepicker-quick-control-date {
   max-width: 216px
}

.semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 248px
}

.semi-datepicker-compact .semi-datepicker-quick-control-date .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-date .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 208px
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTime {
   max-width: 216px
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 248px
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 240px
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateRange {
   max-width: 432px
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 248px
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 208px
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange {
   max-width: 432px
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 248px
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-left-content-wrapper,
.semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-right-content-wrapper {
   max-height: 240px
}

.semi-datepicker-compact .semi-datepicker-footer {
   padding-bottom: 10px;
   padding-right: 8px;
   padding-top: 10px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper {
   column-gap: 4px;
   padding: 8px 8px;
   padding-bottom: 0;
   width: 216px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateRange],
.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateTimeRange] {
   padding-top: 0;
   width: 432px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateRange] .semi-input-wrapper,
.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateTimeRange] .semi-input-wrapper {
   margin-top: 8px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=month] {
   width: 195px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper .semi-input-wrapper {
   box-sizing: border-box;
   height: 28px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper .semi-input-wrapper .semi-input {
   font-size: 12px;
   height: 26px;
   line-height: 26px;
   vertical-align: top
}

.semi-datepicker-compact .semi-datepicker-inset-input-separator {
   border-left: 1px solid var(--semi-color-border);
   height: auto;
   transform: translateX(50%)
}

.semi-popover-wrapper[x-placement*=BottomOver] .semi-datepicker .semi-datepicker-weeks,
.semi-popover-wrapper[x-placement=leftTop] .semi-datepicker .semi-datepicker-weeks,
.semi-popover-wrapper[x-placement=rightTop] .semi-datepicker .semi-datepicker-weeks,
.semi-popover-wrapper[x-placement^=top] .semi-datepicker .semi-datepicker-weeks {
   min-height: 216px
}

.semi-popover-wrapper[x-placement*=BottomOver] .semi-datepicker-compact .semi-datepicker-weeks,
.semi-popover-wrapper[x-placement=leftTop] .semi-datepicker-compact .semi-datepicker-weeks,
.semi-popover-wrapper[x-placement=rightTop] .semi-datepicker-compact .semi-datepicker-weeks,
.semi-popover-wrapper[x-placement^=top] .semi-datepicker-compact .semi-datepicker-weeks {
   min-height: 168px
}

.semi-datepicker-borderless:not(:focus-within):not(:hover) {
   background-color: transparent;
   border-color: transparent
}

.semi-datepicker-borderless:not(:focus-within):not(:hover) .semi-datepicker-range-input-suffix,
.semi-datepicker-borderless:not(:focus-within):not(:hover) .semi-input-suffix {
   opacity: 0
}

.semi-datepicker-borderless:focus-within:not(:active) {
   background-color: transparent
}

.semi-datepicker-borderless.semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper-active {
   border-color: transparent
}

.semi-datepicker-borderless.semi-datepicker-range-input-error:hover {
   background-color: var(--semi-color-danger-light-default)
}

.semi-datepicker-borderless.semi-datepicker-range-input-error:focus-within {
   background-color: var(--semi-color-danger-light-default)
}

.semi-datepicker-borderless.semi-datepicker-range-input-error:not(:focus-within) {
   border-color: var(--semi-color-danger);
   border-width: 1px
}

.semi-datepicker-borderless.semi-datepicker-range-input-error:focus-within {
   border-color: var(--semi-color-danger);
   border-width: 1px
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning .semi-datepicker-range-input-wrapper-active {
   border-color: transparent
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning:hover {
   background-color: var(--semi-color-warning-light-default)
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning:focus-within {
   background-color: var(--semi-color-warning-light-default)
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning:not(:focus-within) {
   border-color: var(--semi-color-warning);
   border-width: 1px
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning:focus-within {
   border-color: var(--semi-color-warning);
   border-width: 1px
}

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

.semi-portal-rtl .semi-datepicker-footer,
.semi-rtl .semi-datepicker-footer {
   padding-left: 8px;
   padding-right: 0;
   text-align: left
}

.semi-portal-rtl .semi-datepicker-footer .semi-button:first-of-type,
.semi-rtl .semi-datepicker-footer .semi-button:first-of-type {
   margin-left: 0;
   margin-right: 0
}

.semi-portal-rtl .semi-datepicker-footer .semi-button:nth-of-type(2),
.semi-rtl .semi-datepicker-footer .semi-button:nth-of-type(2) {
   margin-left: 0;
   margin-right: 12px
}

.semi-portal-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-portal-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
   border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-portal-rtl .semi-datepicker-day-hoverday-before-selectedrange .semi-datepicker-day-main,
.semi-portal-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,
.semi-portal-rtl .semi-datepicker-day-selected-start .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-day-hoverday-before-selectedrange .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-day-selected-start .semi-datepicker-day-main {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
   margin-left: auto;
   margin-right: 2px
}

.semi-portal-rtl .semi-datepicker-day-hoverday-after-selectedrange .semi-datepicker-day-main,
.semi-portal-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,
.semi-portal-rtl .semi-datepicker-day-selected-end .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-day-hoverday-after-selectedrange .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-day-selected-end .semi-datepicker-day-main {
   border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
   margin-left: 2px;
   margin-right: auto
}

.semi-portal-rtl .semi-datepicker-switch-text,
.semi-rtl .semi-datepicker-switch-text {
   padding-left: 0;
   padding-right: 8px
}

.semi-portal-rtl .semi-datepicker-navigation .semi-icon-chevron_left,
.semi-portal-rtl .semi-datepicker-navigation .semi-icon-chevron_right,
.semi-portal-rtl .semi-datepicker-navigation .semi-icon-double_chevron_left,
.semi-portal-rtl .semi-datepicker-navigation .semi-icon-double_chevron_right,
.semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_left,
.semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_right,
.semi-portal-rtl .semi-datepicker-yam .semi-icon-double_chevron_left,
.semi-portal-rtl .semi-datepicker-yam .semi-icon-double_chevron_right,
.semi-rtl .semi-datepicker-navigation .semi-icon-chevron_left,
.semi-rtl .semi-datepicker-navigation .semi-icon-chevron_right,
.semi-rtl .semi-datepicker-navigation .semi-icon-double_chevron_left,
.semi-rtl .semi-datepicker-navigation .semi-icon-double_chevron_right,
.semi-rtl .semi-datepicker-yam .semi-icon-chevron_left,
.semi-rtl .semi-datepicker-yam .semi-icon-chevron_right,
.semi-rtl .semi-datepicker-yam .semi-icon-double_chevron_left,
.semi-rtl .semi-datepicker-yam .semi-icon-double_chevron_right {
   transform: scaleX(-1)
}

.semi-portal-rtl .semi-datepicker-range-input-prefix,
.semi-rtl .semi-datepicker-range-input-prefix {
   padding-left: 8px;
   padding-right: 12px
}

.semi-portal-rtl .semi-datepicker-range-input-suffix,
.semi-rtl .semi-datepicker-range-input-suffix {
   padding-left: 12px;
   padding-right: 8px
}

.semi-portal-rtl .semi-datepicker-range-input-suffix-hidden,
.semi-rtl .semi-datepicker-range-input-suffix-hidden {
   display: none
}

.semi-portal-rtl .semi-datepicker-range-input-clearbtn,
.semi-rtl .semi-datepicker-range-input-clearbtn {
   padding-left: 12px;
   padding-right: 8px
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left,
.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left,
.semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left,
.semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel,
.semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel {
   border-left: 0;
   border-right: 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
   border-radius: 0 4px 4px 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
   border-radius: 4px 0 0 4px
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main {
   border-radius: 0 4px 4px 0;
   margin-left: 0;
   margin-right: 2px
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main,
.semi-rtl .semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main {
   border-radius: 4px 0 0 4px;
   margin-left: 2px;
   margin-right: 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-switch-date,
.semi-rtl .semi-datepicker-compact .semi-datepicker-switch-date {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-switch-text,
.semi-rtl .semi-datepicker-compact .semi-datepicker-switch-text {
   padding-left: auto;
   padding-right: 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-footer,
.semi-rtl .semi-datepicker-compact .semi-datepicker-footer {
   padding-left: 8px;
   padding-right: auto
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-inset-input-separator,
.semi-rtl .semi-datepicker-compact .semi-datepicker-inset-input-separator {
   border-left: 0;
   border-right: 1px solid var(--semi-color-border);
   transform: translateX(-50%)
}

.semi-descriptions {
   line-height: 20px
}

.semi-descriptions table,
.semi-descriptions td,
.semi-descriptions th,
.semi-descriptions tr {
   border: 0;
   margin: 0;
   padding: 0
}

.semi-descriptions th {
   padding-right: 24px
}

.semi-descriptions .semi-descriptions-item {
   margin: 0;
   padding-bottom: 12px;
   text-align: left;
   vertical-align: top
}

.semi-descriptions-key {
   color: var(--semi-color-text-2);
   min-height: 14px;
   white-space: nowrap
}

.semi-descriptions-key,
.semi-descriptions-value {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px
}

.semi-descriptions-value {
   color: var(--semi-color-text-0)
}

.semi-descriptions-center .semi-descriptions-item-th {
   text-align: right
}

.semi-descriptions-center .semi-descriptions-item-td,
.semi-descriptions-justify .semi-descriptions-item-th,
.semi-descriptions-left .semi-descriptions-item-td,
.semi-descriptions-left .semi-descriptions-item-th {
   text-align: left
}

.semi-descriptions-justify .semi-descriptions-item-td {
   text-align: right
}

.semi-descriptions-plain .semi-descriptions-key,
.semi-descriptions-plain .semi-descriptions-value {
   display: inline-block
}

.semi-descriptions-plain .semi-descriptions-value {
   padding-left: 8px
}

.semi-descriptions-plain .semi-descriptions-value .semi-tag {
   vertical-align: middle
}

.semi-descriptions-double tbody {
   display: flex;
   flex-wrap: wrap
}

.semi-descriptions-double tr {
   display: inline-flex;
   flex-direction: column
}

.semi-descriptions-double .semi-descriptions-item {
   flex: 1 1;
   padding: 0
}

.semi-descriptions-double .semi-descriptions-value {
   font-weight: 600
}

.semi-descriptions-double-small .semi-descriptions-item {
   padding-right: 48px
}

.semi-descriptions-double-small .semi-descriptions-key {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px;
   padding-bottom: 0
}

.semi-descriptions-double-small .semi-descriptions-value {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   line-height: 22px
}

.semi-descriptions-double-medium .semi-descriptions-item {
   padding-right: 60px
}

.semi-descriptions-double-medium .semi-descriptions-key {
   font-size: 14px;
   padding-bottom: 4px
}

.semi-descriptions-double-medium .semi-descriptions-value {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 20px;
   line-height: 28px
}

.semi-descriptions-double-large .semi-descriptions-item {
   padding-right: 80px
}

.semi-descriptions-double-large .semi-descriptions-key {
   font-size: 14px;
   padding-bottom: 4px
}

.semi-descriptions-double-large .semi-descriptions-value {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 28px;
   line-height: 40px
}

.semi-descriptions-horizontal table {
   table-layout: fixed
}

.semi-descriptions-horizontal table,
.semi-descriptions-horizontal tbody {
   width: 100%
}

.semi-descriptions-horizontal .semi-descriptions-item {
   flex: 0 1
}

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

.semi-portal-rtl .semi-descriptions th,
.semi-rtl .semi-descriptions th {
   direction: rtl;
   padding-left: 24px;
   padding-right: 0
}

.semi-portal-rtl .semi-descriptions .semi-descriptions-item,
.semi-rtl .semi-descriptions .semi-descriptions-item {
   text-align: right
}

.semi-portal-rtl .semi-descriptions-center .semi-descriptions-item-th,
.semi-rtl .semi-descriptions-center .semi-descriptions-item-th {
   text-align: left
}

.semi-portal-rtl .semi-descriptions-center .semi-descriptions-item-td,
.semi-rtl .semi-descriptions-center .semi-descriptions-item-td {
   text-align: right
}

.semi-portal-rtl .semi-descriptions-left .semi-descriptions-item-td,
.semi-portal-rtl .semi-descriptions-left .semi-descriptions-item-th,
.semi-rtl .semi-descriptions-left .semi-descriptions-item-td,
.semi-rtl .semi-descriptions-left .semi-descriptions-item-th {
   text-align: left
}

.semi-portal-rtl .semi-descriptions-justify .semi-descriptions-item-th,
.semi-rtl .semi-descriptions-justify .semi-descriptions-item-th {
   text-align: right
}

.semi-portal-rtl .semi-descriptions-justify .semi-descriptions-item-td,
.semi-rtl .semi-descriptions-justify .semi-descriptions-item-td {
   text-align: left
}

.semi-portal-rtl .semi-descriptions-plain .semi-descriptions-key,
.semi-portal-rtl .semi-descriptions-plain .semi-descriptions-value,
.semi-rtl .semi-descriptions-plain .semi-descriptions-key,
.semi-rtl .semi-descriptions-plain .semi-descriptions-value {
   display: inline-block
}

.semi-portal-rtl .semi-descriptions-plain .semi-descriptions-value,
.semi-rtl .semi-descriptions-plain .semi-descriptions-value {
   padding-left: 0;
   padding-right: 8px
}

.semi-portal-rtl .semi-descriptions-plain .semi-descriptions-value .semi-tag,
.semi-rtl .semi-descriptions-plain .semi-descriptions-value .semi-tag {
   vertical-align: middle
}

.semi-portal-rtl .semi-descriptions-double,
.semi-rtl .semi-descriptions-double {
   direction: rtl
}

.semi-portal-rtl .semi-descriptions-double .semi-descriptions-item,
.semi-rtl .semi-descriptions-double .semi-descriptions-item {
   text-align: right
}

.semi-portal-rtl .semi-descriptions-double-small .semi-descriptions-item,
.semi-rtl .semi-descriptions-double-small .semi-descriptions-item {
   padding-left: 48px;
   padding-right: 0
}

.semi-portal-rtl .semi-descriptions-double-medium .semi-descriptions-item,
.semi-rtl .semi-descriptions-double-medium .semi-descriptions-item {
   padding-left: 60px;
   padding-right: 0
}

.semi-portal-rtl .semi-descriptions-double-large .semi-descriptions-item,
.semi-rtl .semi-descriptions-double-large .semi-descriptions-item {
   padding-left: 80px;
   padding-right: 0
}

.semi-divider {
   border-bottom: 1px solid var(--semi-color-border);
   box-sizing: border-box;
   color: var(--semi-color-text-0);
   margin: 1px 0 1px 0
}

.semi-divider-dashed {
   border-bottom-style: dashed
}

.semi-divider-horizontal {
   display: flex;
   width: 100%
}

.semi-divider-vertical {
   border-bottom: 0;
   border-left: 1px solid var(--semi-color-border);
   display: inline-block;
   height: 20px;
   margin: 0 1px 0 1px;
   vertical-align: middle
}

.semi-divider-with-text {
   align-items: center;
   border-bottom: 0;
   display: flex;
   white-space: nowrap
}

.semi-divider-with-text .semi-divider_inner-text {
   display: inline-block;
   font-weight: 600;
   padding: 0 8px 0 8px
}

.semi-divider-with-text:after,
.semi-divider-with-text:before {
   border-bottom: 1px solid var(--semi-color-border);
   content: "";
   width: 50%
}

.semi-divider-with-text-left:before {
   width: 40px
}

.semi-divider-with-text-left:after,
.semi-divider-with-text-right:before {
   flex: 1 1
}

.semi-divider-with-text-right:after {
   width: 40px
}

.semi-divider-dashed:after,
.semi-divider-dashed:before {
   border-bottom: 1px dashed var(--semi-color-border)
}

.semi-divider-vertical.semi-divider-dashed {
   border-left: 1px dashed var(--semi-color-border)
}

.semi-empty {
   display: flex
}

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

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

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

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

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

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

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

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

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

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

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

.semi-modal {
   color: var(--semi-color-text-0);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   margin: 80px auto;
   position: relative
}

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

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

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

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

.semi-modal-wrap-center {
   align-items: center;
   display: flex
}

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

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

.semi-modal-footerfill {
   display: flex
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-modal-displayNone {
   display: none
}

.semi-modal-content-animate-show {
   animation: semi-modal-content-keyframe-show .12s cubic-bezier(.215, .61, .355, 1) 0ms forwards;
   animation-fill-mode: forwards
}

.semi-modal-content-animate-hide {
   animation: semi-modal-content-keyframe-hide .12s cubic-bezier(.215, .61, .355, 1) 0ms forwards;
   animation-fill-mode: forwards
}

.semi-modal-mask-animate-show {
   animation: semi-modal-mask-keyframe-show 90ms cubic-bezier(.215, .61, .355, 1) 0ms forwards;
   animation-fill-mode: forwards
}

.semi-modal-mask-animate-hide {
   animation: semi-modal-mask-keyframe-hide 90ms cubic-bezier(.215, .61, .355, 1) 0ms forwards;
   animation-fill-mode: forwards
}

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

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

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

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

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

   to {
      opacity: 1
   }
}

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

   to {
      opacity: 0
   }
}

.semi-modal-rtl {
   direction: rtl
}

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

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

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

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

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

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

.semi-dropdown {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-dropdown-wrapper {
   background: var(--semi-color-bg-3);
   border-radius: var(--semi-border-radius-medium);
   box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 4px 14px 0 rgba(0, 0, 0, .1);
   opacity: 0;
   overflow-y: auto;
   position: relative;
   z-index: 1050
}

.semi-dropdown-wrapper-show {
   opacity: 1
}

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

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

.semi-dropdown-title {
   color: var(--semi-color-text-2);
   cursor: default;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px;
   padding-bottom: 4px;
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 8px
}

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

.semi-dropdown-item {
   align-items: center;
   color: var(--semi-color-text-0);
   display: flex;
   max-width: 280px;
   padding: 8px 16px;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms
}

.semi-dropdown-item-hover {
   background-color: var(--semi-color-fill-0)
}

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

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

.semi-dropdown-item:focus-visible {
   background-color: var(--semi-color-fill-0);
   outline: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-row:after {
   clear: both
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-rtl .semi-col-offset-22 {
   margin-left: auto;
   margin-right: 91.6666666667%
}

.semi-rtl .semi-col-offset-23 {
   margin-left: auto;
   margin-right: 95.8333333333%
}

.semi-rtl .semi-col-offset-24 {
   margin-left: auto;
   margin-right: 100%
}

.semi-col-xs-1,
.semi-col-xs-10,
.semi-col-xs-11,
.semi-col-xs-12,
.semi-col-xs-13,
.semi-col-xs-14,
.semi-col-xs-15,
.semi-col-xs-16,
.semi-col-xs-17,
.semi-col-xs-18,
.semi-col-xs-19,
.semi-col-xs-2,
.semi-col-xs-20,
.semi-col-xs-21,
.semi-col-xs-22,
.semi-col-xs-23,
.semi-col-xs-24,
.semi-col-xs-3,
.semi-col-xs-4,
.semi-col-xs-5,
.semi-col-xs-6,
.semi-col-xs-7,
.semi-col-xs-8,
.semi-col-xs-9 {
   flex: 0 0 auto;
   float: left
}

.semi-col-xs-1 {
   box-sizing: border-box;
   display: block;
   width: 4.1666666667%
}

.semi-col-xs-push-1 {
   left: 4.1666666667%
}

.semi-col-xs-pull-1 {
   right: 4.1666666667%
}

.semi-col-xs-offset-1 {
   margin-left: 4.1666666667%
}

.semi-col-xs-order-1 {
   order: 1
}

.semi-col-xs-2 {
   box-sizing: border-box;
   display: block;
   width: 8.3333333333%
}

.semi-col-xs-push-2 {
   left: 8.3333333333%
}

.semi-col-xs-pull-2 {
   right: 8.3333333333%
}

.semi-col-xs-offset-2 {
   margin-left: 8.3333333333%
}

.semi-col-xs-order-2 {
   order: 2
}

.semi-col-xs-3 {
   box-sizing: border-box;
   display: block;
   width: 12.5%
}

.semi-col-xs-push-3 {
   left: 12.5%
}

.semi-col-xs-pull-3 {
   right: 12.5%
}

.semi-col-xs-offset-3 {
   margin-left: 12.5%
}

.semi-col-xs-order-3 {
   order: 3
}

.semi-col-xs-4 {
   box-sizing: border-box;
   display: block;
   width: 16.6666666667%
}

.semi-col-xs-push-4 {
   left: 16.6666666667%
}

.semi-col-xs-pull-4 {
   right: 16.6666666667%
}

.semi-col-xs-offset-4 {
   margin-left: 16.6666666667%
}

.semi-col-xs-order-4 {
   order: 4
}

.semi-col-xs-5 {
   box-sizing: border-box;
   display: block;
   width: 20.8333333333%
}

.semi-col-xs-push-5 {
   left: 20.8333333333%
}

.semi-col-xs-pull-5 {
   right: 20.8333333333%
}

.semi-col-xs-offset-5 {
   margin-left: 20.8333333333%
}

.semi-col-xs-order-5 {
   order: 5
}

.semi-col-xs-6 {
   box-sizing: border-box;
   display: block;
   width: 25%
}

.semi-col-xs-push-6 {
   left: 25%
}

.semi-col-xs-pull-6 {
   right: 25%
}

.semi-col-xs-offset-6 {
   margin-left: 25%
}

.semi-col-xs-order-6 {
   order: 6
}

.semi-col-xs-7 {
   box-sizing: border-box;
   display: block;
   width: 29.1666666667%
}

.semi-col-xs-push-7 {
   left: 29.1666666667%
}

.semi-col-xs-pull-7 {
   right: 29.1666666667%
}

.semi-col-xs-offset-7 {
   margin-left: 29.1666666667%
}

.semi-col-xs-order-7 {
   order: 7
}

.semi-col-xs-8 {
   box-sizing: border-box;
   display: block;
   width: 33.3333333333%
}

.semi-col-xs-push-8 {
   left: 33.3333333333%
}

.semi-col-xs-pull-8 {
   right: 33.3333333333%
}

.semi-col-xs-offset-8 {
   margin-left: 33.3333333333%
}

.semi-col-xs-order-8 {
   order: 8
}

.semi-col-xs-9 {
   box-sizing: border-box;
   display: block;
   width: 37.5%
}

.semi-col-xs-push-9 {
   left: 37.5%
}

.semi-col-xs-pull-9 {
   right: 37.5%
}

.semi-col-xs-offset-9 {
   margin-left: 37.5%
}

.semi-col-xs-order-9 {
   order: 9
}

.semi-col-xs-10 {
   box-sizing: border-box;
   display: block;
   width: 41.6666666667%
}

.semi-col-xs-push-10 {
   left: 41.6666666667%
}

.semi-col-xs-pull-10 {
   right: 41.6666666667%
}

.semi-col-xs-offset-10 {
   margin-left: 41.6666666667%
}

.semi-col-xs-order-10 {
   order: 10
}

.semi-col-xs-11 {
   box-sizing: border-box;
   display: block;
   width: 45.8333333333%
}

.semi-col-xs-push-11 {
   left: 45.8333333333%
}

.semi-col-xs-pull-11 {
   right: 45.8333333333%
}

.semi-col-xs-offset-11 {
   margin-left: 45.8333333333%
}

.semi-col-xs-order-11 {
   order: 11
}

.semi-col-xs-12 {
   box-sizing: border-box;
   display: block;
   width: 50%
}

.semi-col-xs-push-12 {
   left: 50%
}

.semi-col-xs-pull-12 {
   right: 50%
}

.semi-col-xs-offset-12 {
   margin-left: 50%
}

.semi-col-xs-order-12 {
   order: 12
}

.semi-col-xs-13 {
   box-sizing: border-box;
   display: block;
   width: 54.1666666667%
}

.semi-col-xs-push-13 {
   left: 54.1666666667%
}

.semi-col-xs-pull-13 {
   right: 54.1666666667%
}

.semi-col-xs-offset-13 {
   margin-left: 54.1666666667%
}

.semi-col-xs-order-13 {
   order: 13
}

.semi-col-xs-14 {
   box-sizing: border-box;
   display: block;
   width: 58.3333333333%
}

.semi-col-xs-push-14 {
   left: 58.3333333333%
}

.semi-col-xs-pull-14 {
   right: 58.3333333333%
}

.semi-col-xs-offset-14 {
   margin-left: 58.3333333333%
}

.semi-col-xs-order-14 {
   order: 14
}

.semi-col-xs-15 {
   box-sizing: border-box;
   display: block;
   width: 62.5%
}

.semi-col-xs-push-15 {
   left: 62.5%
}

.semi-col-xs-pull-15 {
   right: 62.5%
}

.semi-col-xs-offset-15 {
   margin-left: 62.5%
}

.semi-col-xs-order-15 {
   order: 15
}

.semi-col-xs-16 {
   box-sizing: border-box;
   display: block;
   width: 66.6666666667%
}

.semi-col-xs-push-16 {
   left: 66.6666666667%
}

.semi-col-xs-pull-16 {
   right: 66.6666666667%
}

.semi-col-xs-offset-16 {
   margin-left: 66.6666666667%
}

.semi-col-xs-order-16 {
   order: 16
}

.semi-col-xs-17 {
   box-sizing: border-box;
   display: block;
   width: 70.8333333333%
}

.semi-col-xs-push-17 {
   left: 70.8333333333%
}

.semi-col-xs-pull-17 {
   right: 70.8333333333%
}

.semi-col-xs-offset-17 {
   margin-left: 70.8333333333%
}

.semi-col-xs-order-17 {
   order: 17
}

.semi-col-xs-18 {
   box-sizing: border-box;
   display: block;
   width: 75%
}

.semi-col-xs-push-18 {
   left: 75%
}

.semi-col-xs-pull-18 {
   right: 75%
}

.semi-col-xs-offset-18 {
   margin-left: 75%
}

.semi-col-xs-order-18 {
   order: 18
}

.semi-col-xs-19 {
   box-sizing: border-box;
   display: block;
   width: 79.1666666667%
}

.semi-col-xs-push-19 {
   left: 79.1666666667%
}

.semi-col-xs-pull-19 {
   right: 79.1666666667%
}

.semi-col-xs-offset-19 {
   margin-left: 79.1666666667%
}

.semi-col-xs-order-19 {
   order: 19
}

.semi-col-xs-20 {
   box-sizing: border-box;
   display: block;
   width: 83.3333333333%
}

.semi-col-xs-push-20 {
   left: 83.3333333333%
}

.semi-col-xs-pull-20 {
   right: 83.3333333333%
}

.semi-col-xs-offset-20 {
   margin-left: 83.3333333333%
}

.semi-col-xs-order-20 {
   order: 20
}

.semi-col-xs-21 {
   box-sizing: border-box;
   display: block;
   width: 87.5%
}

.semi-col-xs-push-21 {
   left: 87.5%
}

.semi-col-xs-pull-21 {
   right: 87.5%
}

.semi-col-xs-offset-21 {
   margin-left: 87.5%
}

.semi-col-xs-order-21 {
   order: 21
}

.semi-col-xs-22 {
   box-sizing: border-box;
   display: block;
   width: 91.6666666667%
}

.semi-col-xs-push-22 {
   left: 91.6666666667%
}

.semi-col-xs-pull-22 {
   right: 91.6666666667%
}

.semi-col-xs-offset-22 {
   margin-left: 91.6666666667%
}

.semi-col-xs-order-22 {
   order: 22
}

.semi-col-xs-23 {
   box-sizing: border-box;
   display: block;
   width: 95.8333333333%
}

.semi-col-xs-push-23 {
   left: 95.8333333333%
}

.semi-col-xs-pull-23 {
   right: 95.8333333333%
}

.semi-col-xs-offset-23 {
   margin-left: 95.8333333333%
}

.semi-col-xs-order-23 {
   order: 23
}

.semi-col-xs-24 {
   box-sizing: border-box;
   display: block;
   width: 100%
}

.semi-col-xs-push-24 {
   left: 100%
}

.semi-col-xs-pull-24 {
   right: 100%
}

.semi-col-xs-offset-24 {
   margin-left: 100%
}

.semi-col-xs-order-24 {
   order: 24
}

.semi-rtl .semi-col-xs-1,
.semi-rtl .semi-col-xs-10,
.semi-rtl .semi-col-xs-11,
.semi-rtl .semi-col-xs-12,
.semi-rtl .semi-col-xs-13,
.semi-rtl .semi-col-xs-14,
.semi-rtl .semi-col-xs-15,
.semi-rtl .semi-col-xs-16,
.semi-rtl .semi-col-xs-17,
.semi-rtl .semi-col-xs-18,
.semi-rtl .semi-col-xs-19,
.semi-rtl .semi-col-xs-2,
.semi-rtl .semi-col-xs-20,
.semi-rtl .semi-col-xs-21,
.semi-rtl .semi-col-xs-22,
.semi-rtl .semi-col-xs-23,
.semi-rtl .semi-col-xs-24,
.semi-rtl .semi-col-xs-3,
.semi-rtl .semi-col-xs-4,
.semi-rtl .semi-col-xs-5,
.semi-rtl .semi-col-xs-6,
.semi-rtl .semi-col-xs-7,
.semi-rtl .semi-col-xs-8,
.semi-rtl .semi-col-xs-9 {
   float: right
}

.semi-rtl .semi-col-xs-offset-1 {
   margin-left: auto;
   margin-right: 4.1666666667%
}

.semi-rtl .semi-col-xs-offset-2 {
   margin-left: auto;
   margin-right: 8.3333333333%
}

.semi-rtl .semi-col-xs-offset-3 {
   margin-left: auto;
   margin-right: 12.5%
}

.semi-rtl .semi-col-xs-offset-4 {
   margin-left: auto;
   margin-right: 16.6666666667%
}

.semi-rtl .semi-col-xs-offset-5 {
   margin-left: auto;
   margin-right: 20.8333333333%
}

.semi-rtl .semi-col-xs-offset-6 {
   margin-left: auto;
   margin-right: 25%
}

.semi-rtl .semi-col-xs-offset-7 {
   margin-left: auto;
   margin-right: 29.1666666667%
}

.semi-rtl .semi-col-xs-offset-8 {
   margin-left: auto;
   margin-right: 33.3333333333%
}

.semi-rtl .semi-col-xs-offset-9 {
   margin-left: auto;
   margin-right: 37.5%
}

.semi-rtl .semi-col-xs-offset-10 {
   margin-left: auto;
   margin-right: 41.6666666667%
}

.semi-rtl .semi-col-xs-offset-11 {
   margin-left: auto;
   margin-right: 45.8333333333%
}

.semi-rtl .semi-col-xs-offset-12 {
   margin-left: auto;
   margin-right: 50%
}

.semi-rtl .semi-col-xs-offset-13 {
   margin-left: auto;
   margin-right: 54.1666666667%
}

.semi-rtl .semi-col-xs-offset-14 {
   margin-left: auto;
   margin-right: 58.3333333333%
}

.semi-rtl .semi-col-xs-offset-15 {
   margin-left: auto;
   margin-right: 62.5%
}

.semi-rtl .semi-col-xs-offset-16 {
   margin-left: auto;
   margin-right: 66.6666666667%
}

.semi-rtl .semi-col-xs-offset-17 {
   margin-left: auto;
   margin-right: 70.8333333333%
}

.semi-rtl .semi-col-xs-offset-18 {
   margin-left: auto;
   margin-right: 75%
}

.semi-rtl .semi-col-xs-offset-19 {
   margin-left: auto;
   margin-right: 79.1666666667%
}

.semi-rtl .semi-col-xs-offset-20 {
   margin-left: auto;
   margin-right: 83.3333333333%
}

.semi-rtl .semi-col-xs-offset-21 {
   margin-left: auto;
   margin-right: 87.5%
}

.semi-rtl .semi-col-xs-offset-22 {
   margin-left: auto;
   margin-right: 91.6666666667%
}

.semi-rtl .semi-col-xs-offset-23 {
   margin-left: auto;
   margin-right: 95.8333333333%
}

.semi-rtl .semi-col-xs-offset-24 {
   margin-left: auto;
   margin-right: 100%
}

@media(min-width:576px) {

   .semi-col-sm-1,
   .semi-col-sm-10,
   .semi-col-sm-11,
   .semi-col-sm-12,
   .semi-col-sm-13,
   .semi-col-sm-14,
   .semi-col-sm-15,
   .semi-col-sm-16,
   .semi-col-sm-17,
   .semi-col-sm-18,
   .semi-col-sm-19,
   .semi-col-sm-2,
   .semi-col-sm-20,
   .semi-col-sm-21,
   .semi-col-sm-22,
   .semi-col-sm-23,
   .semi-col-sm-24,
   .semi-col-sm-3,
   .semi-col-sm-4,
   .semi-col-sm-5,
   .semi-col-sm-6,
   .semi-col-sm-7,
   .semi-col-sm-8,
   .semi-col-sm-9 {
      flex: 0 0 auto;
      float: left
   }

   .semi-col-sm-1 {
      box-sizing: border-box;
      display: block;
      width: 4.1666666667%
   }

   .semi-col-sm-push-1 {
      left: 4.1666666667%
   }

   .semi-col-sm-pull-1 {
      right: 4.1666666667%
   }

   .semi-col-sm-offset-1 {
      margin-left: 4.1666666667%
   }

   .semi-col-sm-order-1 {
      order: 1
   }

   .semi-col-sm-2 {
      box-sizing: border-box;
      display: block;
      width: 8.3333333333%
   }

   .semi-col-sm-push-2 {
      left: 8.3333333333%
   }

   .semi-col-sm-pull-2 {
      right: 8.3333333333%
   }

   .semi-col-sm-offset-2 {
      margin-left: 8.3333333333%
   }

   .semi-col-sm-order-2 {
      order: 2
   }

   .semi-col-sm-3 {
      box-sizing: border-box;
      display: block;
      width: 12.5%
   }

   .semi-col-sm-push-3 {
      left: 12.5%
   }

   .semi-col-sm-pull-3 {
      right: 12.5%
   }

   .semi-col-sm-offset-3 {
      margin-left: 12.5%
   }

   .semi-col-sm-order-3 {
      order: 3
   }

   .semi-col-sm-4 {
      box-sizing: border-box;
      display: block;
      width: 16.6666666667%
   }

   .semi-col-sm-push-4 {
      left: 16.6666666667%
   }

   .semi-col-sm-pull-4 {
      right: 16.6666666667%
   }

   .semi-col-sm-offset-4 {
      margin-left: 16.6666666667%
   }

   .semi-col-sm-order-4 {
      order: 4
   }

   .semi-col-sm-5 {
      box-sizing: border-box;
      display: block;
      width: 20.8333333333%
   }

   .semi-col-sm-push-5 {
      left: 20.8333333333%
   }

   .semi-col-sm-pull-5 {
      right: 20.8333333333%
   }

   .semi-col-sm-offset-5 {
      margin-left: 20.8333333333%
   }

   .semi-col-sm-order-5 {
      order: 5
   }

   .semi-col-sm-6 {
      box-sizing: border-box;
      display: block;
      width: 25%
   }

   .semi-col-sm-push-6 {
      left: 25%
   }

   .semi-col-sm-pull-6 {
      right: 25%
   }

   .semi-col-sm-offset-6 {
      margin-left: 25%
   }

   .semi-col-sm-order-6 {
      order: 6
   }

   .semi-col-sm-7 {
      box-sizing: border-box;
      display: block;
      width: 29.1666666667%
   }

   .semi-col-sm-push-7 {
      left: 29.1666666667%
   }

   .semi-col-sm-pull-7 {
      right: 29.1666666667%
   }

   .semi-col-sm-offset-7 {
      margin-left: 29.1666666667%
   }

   .semi-col-sm-order-7 {
      order: 7
   }

   .semi-col-sm-8 {
      box-sizing: border-box;
      display: block;
      width: 33.3333333333%
   }

   .semi-col-sm-push-8 {
      left: 33.3333333333%
   }

   .semi-col-sm-pull-8 {
      right: 33.3333333333%
   }

   .semi-col-sm-offset-8 {
      margin-left: 33.3333333333%
   }

   .semi-col-sm-order-8 {
      order: 8
   }

   .semi-col-sm-9 {
      box-sizing: border-box;
      display: block;
      width: 37.5%
   }

   .semi-col-sm-push-9 {
      left: 37.5%
   }

   .semi-col-sm-pull-9 {
      right: 37.5%
   }

   .semi-col-sm-offset-9 {
      margin-left: 37.5%
   }

   .semi-col-sm-order-9 {
      order: 9
   }

   .semi-col-sm-10 {
      box-sizing: border-box;
      display: block;
      width: 41.6666666667%
   }

   .semi-col-sm-push-10 {
      left: 41.6666666667%
   }

   .semi-col-sm-pull-10 {
      right: 41.6666666667%
   }

   .semi-col-sm-offset-10 {
      margin-left: 41.6666666667%
   }

   .semi-col-sm-order-10 {
      order: 10
   }

   .semi-col-sm-11 {
      box-sizing: border-box;
      display: block;
      width: 45.8333333333%
   }

   .semi-col-sm-push-11 {
      left: 45.8333333333%
   }

   .semi-col-sm-pull-11 {
      right: 45.8333333333%
   }

   .semi-col-sm-offset-11 {
      margin-left: 45.8333333333%
   }

   .semi-col-sm-order-11 {
      order: 11
   }

   .semi-col-sm-12 {
      box-sizing: border-box;
      display: block;
      width: 50%
   }

   .semi-col-sm-push-12 {
      left: 50%
   }

   .semi-col-sm-pull-12 {
      right: 50%
   }

   .semi-col-sm-offset-12 {
      margin-left: 50%
   }

   .semi-col-sm-order-12 {
      order: 12
   }

   .semi-col-sm-13 {
      box-sizing: border-box;
      display: block;
      width: 54.1666666667%
   }

   .semi-col-sm-push-13 {
      left: 54.1666666667%
   }

   .semi-col-sm-pull-13 {
      right: 54.1666666667%
   }

   .semi-col-sm-offset-13 {
      margin-left: 54.1666666667%
   }

   .semi-col-sm-order-13 {
      order: 13
   }

   .semi-col-sm-14 {
      box-sizing: border-box;
      display: block;
      width: 58.3333333333%
   }

   .semi-col-sm-push-14 {
      left: 58.3333333333%
   }

   .semi-col-sm-pull-14 {
      right: 58.3333333333%
   }

   .semi-col-sm-offset-14 {
      margin-left: 58.3333333333%
   }

   .semi-col-sm-order-14 {
      order: 14
   }

   .semi-col-sm-15 {
      box-sizing: border-box;
      display: block;
      width: 62.5%
   }

   .semi-col-sm-push-15 {
      left: 62.5%
   }

   .semi-col-sm-pull-15 {
      right: 62.5%
   }

   .semi-col-sm-offset-15 {
      margin-left: 62.5%
   }

   .semi-col-sm-order-15 {
      order: 15
   }

   .semi-col-sm-16 {
      box-sizing: border-box;
      display: block;
      width: 66.6666666667%
   }

   .semi-col-sm-push-16 {
      left: 66.6666666667%
   }

   .semi-col-sm-pull-16 {
      right: 66.6666666667%
   }

   .semi-col-sm-offset-16 {
      margin-left: 66.6666666667%
   }

   .semi-col-sm-order-16 {
      order: 16
   }

   .semi-col-sm-17 {
      box-sizing: border-box;
      display: block;
      width: 70.8333333333%
   }

   .semi-col-sm-push-17 {
      left: 70.8333333333%
   }

   .semi-col-sm-pull-17 {
      right: 70.8333333333%
   }

   .semi-col-sm-offset-17 {
      margin-left: 70.8333333333%
   }

   .semi-col-sm-order-17 {
      order: 17
   }

   .semi-col-sm-18 {
      box-sizing: border-box;
      display: block;
      width: 75%
   }

   .semi-col-sm-push-18 {
      left: 75%
   }

   .semi-col-sm-pull-18 {
      right: 75%
   }

   .semi-col-sm-offset-18 {
      margin-left: 75%
   }

   .semi-col-sm-order-18 {
      order: 18
   }

   .semi-col-sm-19 {
      box-sizing: border-box;
      display: block;
      width: 79.1666666667%
   }

   .semi-col-sm-push-19 {
      left: 79.1666666667%
   }

   .semi-col-sm-pull-19 {
      right: 79.1666666667%
   }

   .semi-col-sm-offset-19 {
      margin-left: 79.1666666667%
   }

   .semi-col-sm-order-19 {
      order: 19
   }

   .semi-col-sm-20 {
      box-sizing: border-box;
      display: block;
      width: 83.3333333333%
   }

   .semi-col-sm-push-20 {
      left: 83.3333333333%
   }

   .semi-col-sm-pull-20 {
      right: 83.3333333333%
   }

   .semi-col-sm-offset-20 {
      margin-left: 83.3333333333%
   }

   .semi-col-sm-order-20 {
      order: 20
   }

   .semi-col-sm-21 {
      box-sizing: border-box;
      display: block;
      width: 87.5%
   }

   .semi-col-sm-push-21 {
      left: 87.5%
   }

   .semi-col-sm-pull-21 {
      right: 87.5%
   }

   .semi-col-sm-offset-21 {
      margin-left: 87.5%
   }

   .semi-col-sm-order-21 {
      order: 21
   }

   .semi-col-sm-22 {
      box-sizing: border-box;
      display: block;
      width: 91.6666666667%
   }

   .semi-col-sm-push-22 {
      left: 91.6666666667%
   }

   .semi-col-sm-pull-22 {
      right: 91.6666666667%
   }

   .semi-col-sm-offset-22 {
      margin-left: 91.6666666667%
   }

   .semi-col-sm-order-22 {
      order: 22
   }

   .semi-col-sm-23 {
      box-sizing: border-box;
      display: block;
      width: 95.8333333333%
   }

   .semi-col-sm-push-23 {
      left: 95.8333333333%
   }

   .semi-col-sm-pull-23 {
      right: 95.8333333333%
   }

   .semi-col-sm-offset-23 {
      margin-left: 95.8333333333%
   }

   .semi-col-sm-order-23 {
      order: 23
   }

   .semi-col-sm-24 {
      box-sizing: border-box;
      display: block;
      width: 100%
   }

   .semi-col-sm-push-24 {
      left: 100%
   }

   .semi-col-sm-pull-24 {
      right: 100%
   }

   .semi-col-sm-offset-24 {
      margin-left: 100%
   }

   .semi-col-sm-order-24 {
      order: 24
   }

   .semi-rtl .semi-col-sm-1,
   .semi-rtl .semi-col-sm-10,
   .semi-rtl .semi-col-sm-11,
   .semi-rtl .semi-col-sm-12,
   .semi-rtl .semi-col-sm-13,
   .semi-rtl .semi-col-sm-14,
   .semi-rtl .semi-col-sm-15,
   .semi-rtl .semi-col-sm-16,
   .semi-rtl .semi-col-sm-17,
   .semi-rtl .semi-col-sm-18,
   .semi-rtl .semi-col-sm-19,
   .semi-rtl .semi-col-sm-2,
   .semi-rtl .semi-col-sm-20,
   .semi-rtl .semi-col-sm-21,
   .semi-rtl .semi-col-sm-22,
   .semi-rtl .semi-col-sm-23,
   .semi-rtl .semi-col-sm-24,
   .semi-rtl .semi-col-sm-3,
   .semi-rtl .semi-col-sm-4,
   .semi-rtl .semi-col-sm-5,
   .semi-rtl .semi-col-sm-6,
   .semi-rtl .semi-col-sm-7,
   .semi-rtl .semi-col-sm-8,
   .semi-rtl .semi-col-sm-9 {
      float: right
   }

   .semi-rtl .semi-col-sm-offset-1 {
      margin-left: auto;
      margin-right: 4.1666666667%
   }

   .semi-rtl .semi-col-sm-offset-2 {
      margin-left: auto;
      margin-right: 8.3333333333%
   }

   .semi-rtl .semi-col-sm-offset-3 {
      margin-left: auto;
      margin-right: 12.5%
   }

   .semi-rtl .semi-col-sm-offset-4 {
      margin-left: auto;
      margin-right: 16.6666666667%
   }

   .semi-rtl .semi-col-sm-offset-5 {
      margin-left: auto;
      margin-right: 20.8333333333%
   }

   .semi-rtl .semi-col-sm-offset-6 {
      margin-left: auto;
      margin-right: 25%
   }

   .semi-rtl .semi-col-sm-offset-7 {
      margin-left: auto;
      margin-right: 29.1666666667%
   }

   .semi-rtl .semi-col-sm-offset-8 {
      margin-left: auto;
      margin-right: 33.3333333333%
   }

   .semi-rtl .semi-col-sm-offset-9 {
      margin-left: auto;
      margin-right: 37.5%
   }

   .semi-rtl .semi-col-sm-offset-10 {
      margin-left: auto;
      margin-right: 41.6666666667%
   }

   .semi-rtl .semi-col-sm-offset-11 {
      margin-left: auto;
      margin-right: 45.8333333333%
   }

   .semi-rtl .semi-col-sm-offset-12 {
      margin-left: auto;
      margin-right: 50%
   }

   .semi-rtl .semi-col-sm-offset-13 {
      margin-left: auto;
      margin-right: 54.1666666667%
   }

   .semi-rtl .semi-col-sm-offset-14 {
      margin-left: auto;
      margin-right: 58.3333333333%
   }

   .semi-rtl .semi-col-sm-offset-15 {
      margin-left: auto;
      margin-right: 62.5%
   }

   .semi-rtl .semi-col-sm-offset-16 {
      margin-left: auto;
      margin-right: 66.6666666667%
   }

   .semi-rtl .semi-col-sm-offset-17 {
      margin-left: auto;
      margin-right: 70.8333333333%
   }

   .semi-rtl .semi-col-sm-offset-18 {
      margin-left: auto;
      margin-right: 75%
   }

   .semi-rtl .semi-col-sm-offset-19 {
      margin-left: auto;
      margin-right: 79.1666666667%
   }

   .semi-rtl .semi-col-sm-offset-20 {
      margin-left: auto;
      margin-right: 83.3333333333%
   }

   .semi-rtl .semi-col-sm-offset-21 {
      margin-left: auto;
      margin-right: 87.5%
   }

   .semi-rtl .semi-col-sm-offset-22 {
      margin-left: auto;
      margin-right: 91.6666666667%
   }

   .semi-rtl .semi-col-sm-offset-23 {
      margin-left: auto;
      margin-right: 95.8333333333%
   }

   .semi-rtl .semi-col-sm-offset-24 {
      margin-left: auto;
      margin-right: 100%
   }
}

@media(min-width:768px) {

   .semi-col-md-1,
   .semi-col-md-10,
   .semi-col-md-11,
   .semi-col-md-12,
   .semi-col-md-13,
   .semi-col-md-14,
   .semi-col-md-15,
   .semi-col-md-16,
   .semi-col-md-17,
   .semi-col-md-18,
   .semi-col-md-19,
   .semi-col-md-2,
   .semi-col-md-20,
   .semi-col-md-21,
   .semi-col-md-22,
   .semi-col-md-23,
   .semi-col-md-24,
   .semi-col-md-3,
   .semi-col-md-4,
   .semi-col-md-5,
   .semi-col-md-6,
   .semi-col-md-7,
   .semi-col-md-8,
   .semi-col-md-9 {
      flex: 0 0 auto;
      float: left
   }

   .semi-col-md-1 {
      box-sizing: border-box;
      display: block;
      width: 4.1666666667%
   }

   .semi-col-md-push-1 {
      left: 4.1666666667%
   }

   .semi-col-md-pull-1 {
      right: 4.1666666667%
   }

   .semi-col-md-offset-1 {
      margin-left: 4.1666666667%
   }

   .semi-col-md-order-1 {
      order: 1
   }

   .semi-col-md-2 {
      box-sizing: border-box;
      display: block;
      width: 8.3333333333%
   }

   .semi-col-md-push-2 {
      left: 8.3333333333%
   }

   .semi-col-md-pull-2 {
      right: 8.3333333333%
   }

   .semi-col-md-offset-2 {
      margin-left: 8.3333333333%
   }

   .semi-col-md-order-2 {
      order: 2
   }

   .semi-col-md-3 {
      box-sizing: border-box;
      display: block;
      width: 12.5%
   }

   .semi-col-md-push-3 {
      left: 12.5%
   }

   .semi-col-md-pull-3 {
      right: 12.5%
   }

   .semi-col-md-offset-3 {
      margin-left: 12.5%
   }

   .semi-col-md-order-3 {
      order: 3
   }

   .semi-col-md-4 {
      box-sizing: border-box;
      display: block;
      width: 16.6666666667%
   }

   .semi-col-md-push-4 {
      left: 16.6666666667%
   }

   .semi-col-md-pull-4 {
      right: 16.6666666667%
   }

   .semi-col-md-offset-4 {
      margin-left: 16.6666666667%
   }

   .semi-col-md-order-4 {
      order: 4
   }

   .semi-col-md-5 {
      box-sizing: border-box;
      display: block;
      width: 20.8333333333%
   }

   .semi-col-md-push-5 {
      left: 20.8333333333%
   }

   .semi-col-md-pull-5 {
      right: 20.8333333333%
   }

   .semi-col-md-offset-5 {
      margin-left: 20.8333333333%
   }

   .semi-col-md-order-5 {
      order: 5
   }

   .semi-col-md-6 {
      box-sizing: border-box;
      display: block;
      width: 25%
   }

   .semi-col-md-push-6 {
      left: 25%
   }

   .semi-col-md-pull-6 {
      right: 25%
   }

   .semi-col-md-offset-6 {
      margin-left: 25%
   }

   .semi-col-md-order-6 {
      order: 6
   }

   .semi-col-md-7 {
      box-sizing: border-box;
      display: block;
      width: 29.1666666667%
   }

   .semi-col-md-push-7 {
      left: 29.1666666667%
   }

   .semi-col-md-pull-7 {
      right: 29.1666666667%
   }

   .semi-col-md-offset-7 {
      margin-left: 29.1666666667%
   }

   .semi-col-md-order-7 {
      order: 7
   }

   .semi-col-md-8 {
      box-sizing: border-box;
      display: block;
      width: 33.3333333333%
   }

   .semi-col-md-push-8 {
      left: 33.3333333333%
   }

   .semi-col-md-pull-8 {
      right: 33.3333333333%
   }

   .semi-col-md-offset-8 {
      margin-left: 33.3333333333%
   }

   .semi-col-md-order-8 {
      order: 8
   }

   .semi-col-md-9 {
      box-sizing: border-box;
      display: block;
      width: 37.5%
   }

   .semi-col-md-push-9 {
      left: 37.5%
   }

   .semi-col-md-pull-9 {
      right: 37.5%
   }

   .semi-col-md-offset-9 {
      margin-left: 37.5%
   }

   .semi-col-md-order-9 {
      order: 9
   }

   .semi-col-md-10 {
      box-sizing: border-box;
      display: block;
      width: 41.6666666667%
   }

   .semi-col-md-push-10 {
      left: 41.6666666667%
   }

   .semi-col-md-pull-10 {
      right: 41.6666666667%
   }

   .semi-col-md-offset-10 {
      margin-left: 41.6666666667%
   }

   .semi-col-md-order-10 {
      order: 10
   }

   .semi-col-md-11 {
      box-sizing: border-box;
      display: block;
      width: 45.8333333333%
   }

   .semi-col-md-push-11 {
      left: 45.8333333333%
   }

   .semi-col-md-pull-11 {
      right: 45.8333333333%
   }

   .semi-col-md-offset-11 {
      margin-left: 45.8333333333%
   }

   .semi-col-md-order-11 {
      order: 11
   }

   .semi-col-md-12 {
      box-sizing: border-box;
      display: block;
      width: 50%
   }

   .semi-col-md-push-12 {
      left: 50%
   }

   .semi-col-md-pull-12 {
      right: 50%
   }

   .semi-col-md-offset-12 {
      margin-left: 50%
   }

   .semi-col-md-order-12 {
      order: 12
   }

   .semi-col-md-13 {
      box-sizing: border-box;
      display: block;
      width: 54.1666666667%
   }

   .semi-col-md-push-13 {
      left: 54.1666666667%
   }

   .semi-col-md-pull-13 {
      right: 54.1666666667%
   }

   .semi-col-md-offset-13 {
      margin-left: 54.1666666667%
   }

   .semi-col-md-order-13 {
      order: 13
   }

   .semi-col-md-14 {
      box-sizing: border-box;
      display: block;
      width: 58.3333333333%
   }

   .semi-col-md-push-14 {
      left: 58.3333333333%
   }

   .semi-col-md-pull-14 {
      right: 58.3333333333%
   }

   .semi-col-md-offset-14 {
      margin-left: 58.3333333333%
   }

   .semi-col-md-order-14 {
      order: 14
   }

   .semi-col-md-15 {
      box-sizing: border-box;
      display: block;
      width: 62.5%
   }

   .semi-col-md-push-15 {
      left: 62.5%
   }

   .semi-col-md-pull-15 {
      right: 62.5%
   }

   .semi-col-md-offset-15 {
      margin-left: 62.5%
   }

   .semi-col-md-order-15 {
      order: 15
   }

   .semi-col-md-16 {
      box-sizing: border-box;
      display: block;
      width: 66.6666666667%
   }

   .semi-col-md-push-16 {
      left: 66.6666666667%
   }

   .semi-col-md-pull-16 {
      right: 66.6666666667%
   }

   .semi-col-md-offset-16 {
      margin-left: 66.6666666667%
   }

   .semi-col-md-order-16 {
      order: 16
   }

   .semi-col-md-17 {
      box-sizing: border-box;
      display: block;
      width: 70.8333333333%
   }

   .semi-col-md-push-17 {
      left: 70.8333333333%
   }

   .semi-col-md-pull-17 {
      right: 70.8333333333%
   }

   .semi-col-md-offset-17 {
      margin-left: 70.8333333333%
   }

   .semi-col-md-order-17 {
      order: 17
   }

   .semi-col-md-18 {
      box-sizing: border-box;
      display: block;
      width: 75%
   }

   .semi-col-md-push-18 {
      left: 75%
   }

   .semi-col-md-pull-18 {
      right: 75%
   }

   .semi-col-md-offset-18 {
      margin-left: 75%
   }

   .semi-col-md-order-18 {
      order: 18
   }

   .semi-col-md-19 {
      box-sizing: border-box;
      display: block;
      width: 79.1666666667%
   }

   .semi-col-md-push-19 {
      left: 79.1666666667%
   }

   .semi-col-md-pull-19 {
      right: 79.1666666667%
   }

   .semi-col-md-offset-19 {
      margin-left: 79.1666666667%
   }

   .semi-col-md-order-19 {
      order: 19
   }

   .semi-col-md-20 {
      box-sizing: border-box;
      display: block;
      width: 83.3333333333%
   }

   .semi-col-md-push-20 {
      left: 83.3333333333%
   }

   .semi-col-md-pull-20 {
      right: 83.3333333333%
   }

   .semi-col-md-offset-20 {
      margin-left: 83.3333333333%
   }

   .semi-col-md-order-20 {
      order: 20
   }

   .semi-col-md-21 {
      box-sizing: border-box;
      display: block;
      width: 87.5%
   }

   .semi-col-md-push-21 {
      left: 87.5%
   }

   .semi-col-md-pull-21 {
      right: 87.5%
   }

   .semi-col-md-offset-21 {
      margin-left: 87.5%
   }

   .semi-col-md-order-21 {
      order: 21
   }

   .semi-col-md-22 {
      box-sizing: border-box;
      display: block;
      width: 91.6666666667%
   }

   .semi-col-md-push-22 {
      left: 91.6666666667%
   }

   .semi-col-md-pull-22 {
      right: 91.6666666667%
   }

   .semi-col-md-offset-22 {
      margin-left: 91.6666666667%
   }

   .semi-col-md-order-22 {
      order: 22
   }

   .semi-col-md-23 {
      box-sizing: border-box;
      display: block;
      width: 95.8333333333%
   }

   .semi-col-md-push-23 {
      left: 95.8333333333%
   }

   .semi-col-md-pull-23 {
      right: 95.8333333333%
   }

   .semi-col-md-offset-23 {
      margin-left: 95.8333333333%
   }

   .semi-col-md-order-23 {
      order: 23
   }

   .semi-col-md-24 {
      box-sizing: border-box;
      display: block;
      width: 100%
   }

   .semi-col-md-push-24 {
      left: 100%
   }

   .semi-col-md-pull-24 {
      right: 100%
   }

   .semi-col-md-offset-24 {
      margin-left: 100%
   }

   .semi-col-md-order-24 {
      order: 24
   }

   .semi-rtl .semi-col-md-1,
   .semi-rtl .semi-col-md-10,
   .semi-rtl .semi-col-md-11,
   .semi-rtl .semi-col-md-12,
   .semi-rtl .semi-col-md-13,
   .semi-rtl .semi-col-md-14,
   .semi-rtl .semi-col-md-15,
   .semi-rtl .semi-col-md-16,
   .semi-rtl .semi-col-md-17,
   .semi-rtl .semi-col-md-18,
   .semi-rtl .semi-col-md-19,
   .semi-rtl .semi-col-md-2,
   .semi-rtl .semi-col-md-20,
   .semi-rtl .semi-col-md-21,
   .semi-rtl .semi-col-md-22,
   .semi-rtl .semi-col-md-23,
   .semi-rtl .semi-col-md-24,
   .semi-rtl .semi-col-md-3,
   .semi-rtl .semi-col-md-4,
   .semi-rtl .semi-col-md-5,
   .semi-rtl .semi-col-md-6,
   .semi-rtl .semi-col-md-7,
   .semi-rtl .semi-col-md-8,
   .semi-rtl .semi-col-md-9 {
      float: right
   }

   .semi-rtl .semi-col-md-offset-1 {
      margin-left: auto;
      margin-right: 4.1666666667%
   }

   .semi-rtl .semi-col-md-offset-2 {
      margin-left: auto;
      margin-right: 8.3333333333%
   }

   .semi-rtl .semi-col-md-offset-3 {
      margin-left: auto;
      margin-right: 12.5%
   }

   .semi-rtl .semi-col-md-offset-4 {
      margin-left: auto;
      margin-right: 16.6666666667%
   }

   .semi-rtl .semi-col-md-offset-5 {
      margin-left: auto;
      margin-right: 20.8333333333%
   }

   .semi-rtl .semi-col-md-offset-6 {
      margin-left: auto;
      margin-right: 25%
   }

   .semi-rtl .semi-col-md-offset-7 {
      margin-left: auto;
      margin-right: 29.1666666667%
   }

   .semi-rtl .semi-col-md-offset-8 {
      margin-left: auto;
      margin-right: 33.3333333333%
   }

   .semi-rtl .semi-col-md-offset-9 {
      margin-left: auto;
      margin-right: 37.5%
   }

   .semi-rtl .semi-col-md-offset-10 {
      margin-left: auto;
      margin-right: 41.6666666667%
   }

   .semi-rtl .semi-col-md-offset-11 {
      margin-left: auto;
      margin-right: 45.8333333333%
   }

   .semi-rtl .semi-col-md-offset-12 {
      margin-left: auto;
      margin-right: 50%
   }

   .semi-rtl .semi-col-md-offset-13 {
      margin-left: auto;
      margin-right: 54.1666666667%
   }

   .semi-rtl .semi-col-md-offset-14 {
      margin-left: auto;
      margin-right: 58.3333333333%
   }

   .semi-rtl .semi-col-md-offset-15 {
      margin-left: auto;
      margin-right: 62.5%
   }

   .semi-rtl .semi-col-md-offset-16 {
      margin-left: auto;
      margin-right: 66.6666666667%
   }

   .semi-rtl .semi-col-md-offset-17 {
      margin-left: auto;
      margin-right: 70.8333333333%
   }

   .semi-rtl .semi-col-md-offset-18 {
      margin-left: auto;
      margin-right: 75%
   }

   .semi-rtl .semi-col-md-offset-19 {
      margin-left: auto;
      margin-right: 79.1666666667%
   }

   .semi-rtl .semi-col-md-offset-20 {
      margin-left: auto;
      margin-right: 83.3333333333%
   }

   .semi-rtl .semi-col-md-offset-21 {
      margin-left: auto;
      margin-right: 87.5%
   }

   .semi-rtl .semi-col-md-offset-22 {
      margin-left: auto;
      margin-right: 91.6666666667%
   }

   .semi-rtl .semi-col-md-offset-23 {
      margin-left: auto;
      margin-right: 95.8333333333%
   }

   .semi-rtl .semi-col-md-offset-24 {
      margin-left: auto;
      margin-right: 100%
   }
}

@media(min-width:992px) {

   .semi-col-lg-1,
   .semi-col-lg-10,
   .semi-col-lg-11,
   .semi-col-lg-12,
   .semi-col-lg-13,
   .semi-col-lg-14,
   .semi-col-lg-15,
   .semi-col-lg-16,
   .semi-col-lg-17,
   .semi-col-lg-18,
   .semi-col-lg-19,
   .semi-col-lg-2,
   .semi-col-lg-20,
   .semi-col-lg-21,
   .semi-col-lg-22,
   .semi-col-lg-23,
   .semi-col-lg-24,
   .semi-col-lg-3,
   .semi-col-lg-4,
   .semi-col-lg-5,
   .semi-col-lg-6,
   .semi-col-lg-7,
   .semi-col-lg-8,
   .semi-col-lg-9 {
      flex: 0 0 auto;
      float: left
   }

   .semi-col-lg-1 {
      box-sizing: border-box;
      display: block;
      width: 4.1666666667%
   }

   .semi-col-lg-push-1 {
      left: 4.1666666667%
   }

   .semi-col-lg-pull-1 {
      right: 4.1666666667%
   }

   .semi-col-lg-offset-1 {
      margin-left: 4.1666666667%
   }

   .semi-col-lg-order-1 {
      order: 1
   }

   .semi-col-lg-2 {
      box-sizing: border-box;
      display: block;
      width: 8.3333333333%
   }

   .semi-col-lg-push-2 {
      left: 8.3333333333%
   }

   .semi-col-lg-pull-2 {
      right: 8.3333333333%
   }

   .semi-col-lg-offset-2 {
      margin-left: 8.3333333333%
   }

   .semi-col-lg-order-2 {
      order: 2
   }

   .semi-col-lg-3 {
      box-sizing: border-box;
      display: block;
      width: 12.5%
   }

   .semi-col-lg-push-3 {
      left: 12.5%
   }

   .semi-col-lg-pull-3 {
      right: 12.5%
   }

   .semi-col-lg-offset-3 {
      margin-left: 12.5%
   }

   .semi-col-lg-order-3 {
      order: 3
   }

   .semi-col-lg-4 {
      box-sizing: border-box;
      display: block;
      width: 16.6666666667%
   }

   .semi-col-lg-push-4 {
      left: 16.6666666667%
   }

   .semi-col-lg-pull-4 {
      right: 16.6666666667%
   }

   .semi-col-lg-offset-4 {
      margin-left: 16.6666666667%
   }

   .semi-col-lg-order-4 {
      order: 4
   }

   .semi-col-lg-5 {
      box-sizing: border-box;
      display: block;
      width: 20.8333333333%
   }

   .semi-col-lg-push-5 {
      left: 20.8333333333%
   }

   .semi-col-lg-pull-5 {
      right: 20.8333333333%
   }

   .semi-col-lg-offset-5 {
      margin-left: 20.8333333333%
   }

   .semi-col-lg-order-5 {
      order: 5
   }

   .semi-col-lg-6 {
      box-sizing: border-box;
      display: block;
      width: 25%
   }

   .semi-col-lg-push-6 {
      left: 25%
   }

   .semi-col-lg-pull-6 {
      right: 25%
   }

   .semi-col-lg-offset-6 {
      margin-left: 25%
   }

   .semi-col-lg-order-6 {
      order: 6
   }

   .semi-col-lg-7 {
      box-sizing: border-box;
      display: block;
      width: 29.1666666667%
   }

   .semi-col-lg-push-7 {
      left: 29.1666666667%
   }

   .semi-col-lg-pull-7 {
      right: 29.1666666667%
   }

   .semi-col-lg-offset-7 {
      margin-left: 29.1666666667%
   }

   .semi-col-lg-order-7 {
      order: 7
   }

   .semi-col-lg-8 {
      box-sizing: border-box;
      display: block;
      width: 33.3333333333%
   }

   .semi-col-lg-push-8 {
      left: 33.3333333333%
   }

   .semi-col-lg-pull-8 {
      right: 33.3333333333%
   }

   .semi-col-lg-offset-8 {
      margin-left: 33.3333333333%
   }

   .semi-col-lg-order-8 {
      order: 8
   }

   .semi-col-lg-9 {
      box-sizing: border-box;
      display: block;
      width: 37.5%
   }

   .semi-col-lg-push-9 {
      left: 37.5%
   }

   .semi-col-lg-pull-9 {
      right: 37.5%
   }

   .semi-col-lg-offset-9 {
      margin-left: 37.5%
   }

   .semi-col-lg-order-9 {
      order: 9
   }

   .semi-col-lg-10 {
      box-sizing: border-box;
      display: block;
      width: 41.6666666667%
   }

   .semi-col-lg-push-10 {
      left: 41.6666666667%
   }

   .semi-col-lg-pull-10 {
      right: 41.6666666667%
   }

   .semi-col-lg-offset-10 {
      margin-left: 41.6666666667%
   }

   .semi-col-lg-order-10 {
      order: 10
   }

   .semi-col-lg-11 {
      box-sizing: border-box;
      display: block;
      width: 45.8333333333%
   }

   .semi-col-lg-push-11 {
      left: 45.8333333333%
   }

   .semi-col-lg-pull-11 {
      right: 45.8333333333%
   }

   .semi-col-lg-offset-11 {
      margin-left: 45.8333333333%
   }

   .semi-col-lg-order-11 {
      order: 11
   }

   .semi-col-lg-12 {
      box-sizing: border-box;
      display: block;
      width: 50%
   }

   .semi-col-lg-push-12 {
      left: 50%
   }

   .semi-col-lg-pull-12 {
      right: 50%
   }

   .semi-col-lg-offset-12 {
      margin-left: 50%
   }

   .semi-col-lg-order-12 {
      order: 12
   }

   .semi-col-lg-13 {
      box-sizing: border-box;
      display: block;
      width: 54.1666666667%
   }

   .semi-col-lg-push-13 {
      left: 54.1666666667%
   }

   .semi-col-lg-pull-13 {
      right: 54.1666666667%
   }

   .semi-col-lg-offset-13 {
      margin-left: 54.1666666667%
   }

   .semi-col-lg-order-13 {
      order: 13
   }

   .semi-col-lg-14 {
      box-sizing: border-box;
      display: block;
      width: 58.3333333333%
   }

   .semi-col-lg-push-14 {
      left: 58.3333333333%
   }

   .semi-col-lg-pull-14 {
      right: 58.3333333333%
   }

   .semi-col-lg-offset-14 {
      margin-left: 58.3333333333%
   }

   .semi-col-lg-order-14 {
      order: 14
   }

   .semi-col-lg-15 {
      box-sizing: border-box;
      display: block;
      width: 62.5%
   }

   .semi-col-lg-push-15 {
      left: 62.5%
   }

   .semi-col-lg-pull-15 {
      right: 62.5%
   }

   .semi-col-lg-offset-15 {
      margin-left: 62.5%
   }

   .semi-col-lg-order-15 {
      order: 15
   }

   .semi-col-lg-16 {
      box-sizing: border-box;
      display: block;
      width: 66.6666666667%
   }

   .semi-col-lg-push-16 {
      left: 66.6666666667%
   }

   .semi-col-lg-pull-16 {
      right: 66.6666666667%
   }

   .semi-col-lg-offset-16 {
      margin-left: 66.6666666667%
   }

   .semi-col-lg-order-16 {
      order: 16
   }

   .semi-col-lg-17 {
      box-sizing: border-box;
      display: block;
      width: 70.8333333333%
   }

   .semi-col-lg-push-17 {
      left: 70.8333333333%
   }

   .semi-col-lg-pull-17 {
      right: 70.8333333333%
   }

   .semi-col-lg-offset-17 {
      margin-left: 70.8333333333%
   }

   .semi-col-lg-order-17 {
      order: 17
   }

   .semi-col-lg-18 {
      box-sizing: border-box;
      display: block;
      width: 75%
   }

   .semi-col-lg-push-18 {
      left: 75%
   }

   .semi-col-lg-pull-18 {
      right: 75%
   }

   .semi-col-lg-offset-18 {
      margin-left: 75%
   }

   .semi-col-lg-order-18 {
      order: 18
   }

   .semi-col-lg-19 {
      box-sizing: border-box;
      display: block;
      width: 79.1666666667%
   }

   .semi-col-lg-push-19 {
      left: 79.1666666667%
   }

   .semi-col-lg-pull-19 {
      right: 79.1666666667%
   }

   .semi-col-lg-offset-19 {
      margin-left: 79.1666666667%
   }

   .semi-col-lg-order-19 {
      order: 19
   }

   .semi-col-lg-20 {
      box-sizing: border-box;
      display: block;
      width: 83.3333333333%
   }

   .semi-col-lg-push-20 {
      left: 83.3333333333%
   }

   .semi-col-lg-pull-20 {
      right: 83.3333333333%
   }

   .semi-col-lg-offset-20 {
      margin-left: 83.3333333333%
   }

   .semi-col-lg-order-20 {
      order: 20
   }

   .semi-col-lg-21 {
      box-sizing: border-box;
      display: block;
      width: 87.5%
   }

   .semi-col-lg-push-21 {
      left: 87.5%
   }

   .semi-col-lg-pull-21 {
      right: 87.5%
   }

   .semi-col-lg-offset-21 {
      margin-left: 87.5%
   }

   .semi-col-lg-order-21 {
      order: 21
   }

   .semi-col-lg-22 {
      box-sizing: border-box;
      display: block;
      width: 91.6666666667%
   }

   .semi-col-lg-push-22 {
      left: 91.6666666667%
   }

   .semi-col-lg-pull-22 {
      right: 91.6666666667%
   }

   .semi-col-lg-offset-22 {
      margin-left: 91.6666666667%
   }

   .semi-col-lg-order-22 {
      order: 22
   }

   .semi-col-lg-23 {
      box-sizing: border-box;
      display: block;
      width: 95.8333333333%
   }

   .semi-col-lg-push-23 {
      left: 95.8333333333%
   }

   .semi-col-lg-pull-23 {
      right: 95.8333333333%
   }

   .semi-col-lg-offset-23 {
      margin-left: 95.8333333333%
   }

   .semi-col-lg-order-23 {
      order: 23
   }

   .semi-col-lg-24 {
      box-sizing: border-box;
      display: block;
      width: 100%
   }

   .semi-col-lg-push-24 {
      left: 100%
   }

   .semi-col-lg-pull-24 {
      right: 100%
   }

   .semi-col-lg-offset-24 {
      margin-left: 100%
   }

   .semi-col-lg-order-24 {
      order: 24
   }

   .semi-rtl .semi-col-lg-1,
   .semi-rtl .semi-col-lg-10,
   .semi-rtl .semi-col-lg-11,
   .semi-rtl .semi-col-lg-12,
   .semi-rtl .semi-col-lg-13,
   .semi-rtl .semi-col-lg-14,
   .semi-rtl .semi-col-lg-15,
   .semi-rtl .semi-col-lg-16,
   .semi-rtl .semi-col-lg-17,
   .semi-rtl .semi-col-lg-18,
   .semi-rtl .semi-col-lg-19,
   .semi-rtl .semi-col-lg-2,
   .semi-rtl .semi-col-lg-20,
   .semi-rtl .semi-col-lg-21,
   .semi-rtl .semi-col-lg-22,
   .semi-rtl .semi-col-lg-23,
   .semi-rtl .semi-col-lg-24,
   .semi-rtl .semi-col-lg-3,
   .semi-rtl .semi-col-lg-4,
   .semi-rtl .semi-col-lg-5,
   .semi-rtl .semi-col-lg-6,
   .semi-rtl .semi-col-lg-7,
   .semi-rtl .semi-col-lg-8,
   .semi-rtl .semi-col-lg-9 {
      float: right
   }

   .semi-rtl .semi-col-lg-offset-1 {
      margin-left: auto;
      margin-right: 4.1666666667%
   }

   .semi-rtl .semi-col-lg-offset-2 {
      margin-left: auto;
      margin-right: 8.3333333333%
   }

   .semi-rtl .semi-col-lg-offset-3 {
      margin-left: auto;
      margin-right: 12.5%
   }

   .semi-rtl .semi-col-lg-offset-4 {
      margin-left: auto;
      margin-right: 16.6666666667%
   }

   .semi-rtl .semi-col-lg-offset-5 {
      margin-left: auto;
      margin-right: 20.8333333333%
   }

   .semi-rtl .semi-col-lg-offset-6 {
      margin-left: auto;
      margin-right: 25%
   }

   .semi-rtl .semi-col-lg-offset-7 {
      margin-left: auto;
      margin-right: 29.1666666667%
   }

   .semi-rtl .semi-col-lg-offset-8 {
      margin-left: auto;
      margin-right: 33.3333333333%
   }

   .semi-rtl .semi-col-lg-offset-9 {
      margin-left: auto;
      margin-right: 37.5%
   }

   .semi-rtl .semi-col-lg-offset-10 {
      margin-left: auto;
      margin-right: 41.6666666667%
   }

   .semi-rtl .semi-col-lg-offset-11 {
      margin-left: auto;
      margin-right: 45.8333333333%
   }

   .semi-rtl .semi-col-lg-offset-12 {
      margin-left: auto;
      margin-right: 50%
   }

   .semi-rtl .semi-col-lg-offset-13 {
      margin-left: auto;
      margin-right: 54.1666666667%
   }

   .semi-rtl .semi-col-lg-offset-14 {
      margin-left: auto;
      margin-right: 58.3333333333%
   }

   .semi-rtl .semi-col-lg-offset-15 {
      margin-left: auto;
      margin-right: 62.5%
   }

   .semi-rtl .semi-col-lg-offset-16 {
      margin-left: auto;
      margin-right: 66.6666666667%
   }

   .semi-rtl .semi-col-lg-offset-17 {
      margin-left: auto;
      margin-right: 70.8333333333%
   }

   .semi-rtl .semi-col-lg-offset-18 {
      margin-left: auto;
      margin-right: 75%
   }

   .semi-rtl .semi-col-lg-offset-19 {
      margin-left: auto;
      margin-right: 79.1666666667%
   }

   .semi-rtl .semi-col-lg-offset-20 {
      margin-left: auto;
      margin-right: 83.3333333333%
   }

   .semi-rtl .semi-col-lg-offset-21 {
      margin-left: auto;
      margin-right: 87.5%
   }

   .semi-rtl .semi-col-lg-offset-22 {
      margin-left: auto;
      margin-right: 91.6666666667%
   }

   .semi-rtl .semi-col-lg-offset-23 {
      margin-left: auto;
      margin-right: 95.8333333333%
   }

   .semi-rtl .semi-col-lg-offset-24 {
      margin-left: auto;
      margin-right: 100%
   }
}

@media(min-width:1200px) {

   .semi-col-xl-1,
   .semi-col-xl-10,
   .semi-col-xl-11,
   .semi-col-xl-12,
   .semi-col-xl-13,
   .semi-col-xl-14,
   .semi-col-xl-15,
   .semi-col-xl-16,
   .semi-col-xl-17,
   .semi-col-xl-18,
   .semi-col-xl-19,
   .semi-col-xl-2,
   .semi-col-xl-20,
   .semi-col-xl-21,
   .semi-col-xl-22,
   .semi-col-xl-23,
   .semi-col-xl-24,
   .semi-col-xl-3,
   .semi-col-xl-4,
   .semi-col-xl-5,
   .semi-col-xl-6,
   .semi-col-xl-7,
   .semi-col-xl-8,
   .semi-col-xl-9 {
      flex: 0 0 auto;
      float: left
   }

   .semi-col-xl-1 {
      box-sizing: border-box;
      display: block;
      width: 4.1666666667%
   }

   .semi-col-xl-push-1 {
      left: 4.1666666667%
   }

   .semi-col-xl-pull-1 {
      right: 4.1666666667%
   }

   .semi-col-xl-offset-1 {
      margin-left: 4.1666666667%
   }

   .semi-col-xl-order-1 {
      order: 1
   }

   .semi-col-xl-2 {
      box-sizing: border-box;
      display: block;
      width: 8.3333333333%
   }

   .semi-col-xl-push-2 {
      left: 8.3333333333%
   }

   .semi-col-xl-pull-2 {
      right: 8.3333333333%
   }

   .semi-col-xl-offset-2 {
      margin-left: 8.3333333333%
   }

   .semi-col-xl-order-2 {
      order: 2
   }

   .semi-col-xl-3 {
      box-sizing: border-box;
      display: block;
      width: 12.5%
   }

   .semi-col-xl-push-3 {
      left: 12.5%
   }

   .semi-col-xl-pull-3 {
      right: 12.5%
   }

   .semi-col-xl-offset-3 {
      margin-left: 12.5%
   }

   .semi-col-xl-order-3 {
      order: 3
   }

   .semi-col-xl-4 {
      box-sizing: border-box;
      display: block;
      width: 16.6666666667%
   }

   .semi-col-xl-push-4 {
      left: 16.6666666667%
   }

   .semi-col-xl-pull-4 {
      right: 16.6666666667%
   }

   .semi-col-xl-offset-4 {
      margin-left: 16.6666666667%
   }

   .semi-col-xl-order-4 {
      order: 4
   }

   .semi-col-xl-5 {
      box-sizing: border-box;
      display: block;
      width: 20.8333333333%
   }

   .semi-col-xl-push-5 {
      left: 20.8333333333%
   }

   .semi-col-xl-pull-5 {
      right: 20.8333333333%
   }

   .semi-col-xl-offset-5 {
      margin-left: 20.8333333333%
   }

   .semi-col-xl-order-5 {
      order: 5
   }

   .semi-col-xl-6 {
      box-sizing: border-box;
      display: block;
      width: 25%
   }

   .semi-col-xl-push-6 {
      left: 25%
   }

   .semi-col-xl-pull-6 {
      right: 25%
   }

   .semi-col-xl-offset-6 {
      margin-left: 25%
   }

   .semi-col-xl-order-6 {
      order: 6
   }

   .semi-col-xl-7 {
      box-sizing: border-box;
      display: block;
      width: 29.1666666667%
   }

   .semi-col-xl-push-7 {
      left: 29.1666666667%
   }

   .semi-col-xl-pull-7 {
      right: 29.1666666667%
   }

   .semi-col-xl-offset-7 {
      margin-left: 29.1666666667%
   }

   .semi-col-xl-order-7 {
      order: 7
   }

   .semi-col-xl-8 {
      box-sizing: border-box;
      display: block;
      width: 33.3333333333%
   }

   .semi-col-xl-push-8 {
      left: 33.3333333333%
   }

   .semi-col-xl-pull-8 {
      right: 33.3333333333%
   }

   .semi-col-xl-offset-8 {
      margin-left: 33.3333333333%
   }

   .semi-col-xl-order-8 {
      order: 8
   }

   .semi-col-xl-9 {
      box-sizing: border-box;
      display: block;
      width: 37.5%
   }

   .semi-col-xl-push-9 {
      left: 37.5%
   }

   .semi-col-xl-pull-9 {
      right: 37.5%
   }

   .semi-col-xl-offset-9 {
      margin-left: 37.5%
   }

   .semi-col-xl-order-9 {
      order: 9
   }

   .semi-col-xl-10 {
      box-sizing: border-box;
      display: block;
      width: 41.6666666667%
   }

   .semi-col-xl-push-10 {
      left: 41.6666666667%
   }

   .semi-col-xl-pull-10 {
      right: 41.6666666667%
   }

   .semi-col-xl-offset-10 {
      margin-left: 41.6666666667%
   }

   .semi-col-xl-order-10 {
      order: 10
   }

   .semi-col-xl-11 {
      box-sizing: border-box;
      display: block;
      width: 45.8333333333%
   }

   .semi-col-xl-push-11 {
      left: 45.8333333333%
   }

   .semi-col-xl-pull-11 {
      right: 45.8333333333%
   }

   .semi-col-xl-offset-11 {
      margin-left: 45.8333333333%
   }

   .semi-col-xl-order-11 {
      order: 11
   }

   .semi-col-xl-12 {
      box-sizing: border-box;
      display: block;
      width: 50%
   }

   .semi-col-xl-push-12 {
      left: 50%
   }

   .semi-col-xl-pull-12 {
      right: 50%
   }

   .semi-col-xl-offset-12 {
      margin-left: 50%
   }

   .semi-col-xl-order-12 {
      order: 12
   }

   .semi-col-xl-13 {
      box-sizing: border-box;
      display: block;
      width: 54.1666666667%
   }

   .semi-col-xl-push-13 {
      left: 54.1666666667%
   }

   .semi-col-xl-pull-13 {
      right: 54.1666666667%
   }

   .semi-col-xl-offset-13 {
      margin-left: 54.1666666667%
   }

   .semi-col-xl-order-13 {
      order: 13
   }

   .semi-col-xl-14 {
      box-sizing: border-box;
      display: block;
      width: 58.3333333333%
   }

   .semi-col-xl-push-14 {
      left: 58.3333333333%
   }

   .semi-col-xl-pull-14 {
      right: 58.3333333333%
   }

   .semi-col-xl-offset-14 {
      margin-left: 58.3333333333%
   }

   .semi-col-xl-order-14 {
      order: 14
   }

   .semi-col-xl-15 {
      box-sizing: border-box;
      display: block;
      width: 62.5%
   }

   .semi-col-xl-push-15 {
      left: 62.5%
   }

   .semi-col-xl-pull-15 {
      right: 62.5%
   }

   .semi-col-xl-offset-15 {
      margin-left: 62.5%
   }

   .semi-col-xl-order-15 {
      order: 15
   }

   .semi-col-xl-16 {
      box-sizing: border-box;
      display: block;
      width: 66.6666666667%
   }

   .semi-col-xl-push-16 {
      left: 66.6666666667%
   }

   .semi-col-xl-pull-16 {
      right: 66.6666666667%
   }

   .semi-col-xl-offset-16 {
      margin-left: 66.6666666667%
   }

   .semi-col-xl-order-16 {
      order: 16
   }

   .semi-col-xl-17 {
      box-sizing: border-box;
      display: block;
      width: 70.8333333333%
   }

   .semi-col-xl-push-17 {
      left: 70.8333333333%
   }

   .semi-col-xl-pull-17 {
      right: 70.8333333333%
   }

   .semi-col-xl-offset-17 {
      margin-left: 70.8333333333%
   }

   .semi-col-xl-order-17 {
      order: 17
   }

   .semi-col-xl-18 {
      box-sizing: border-box;
      display: block;
      width: 75%
   }

   .semi-col-xl-push-18 {
      left: 75%
   }

   .semi-col-xl-pull-18 {
      right: 75%
   }

   .semi-col-xl-offset-18 {
      margin-left: 75%
   }

   .semi-col-xl-order-18 {
      order: 18
   }

   .semi-col-xl-19 {
      box-sizing: border-box;
      display: block;
      width: 79.1666666667%
   }

   .semi-col-xl-push-19 {
      left: 79.1666666667%
   }

   .semi-col-xl-pull-19 {
      right: 79.1666666667%
   }

   .semi-col-xl-offset-19 {
      margin-left: 79.1666666667%
   }

   .semi-col-xl-order-19 {
      order: 19
   }

   .semi-col-xl-20 {
      box-sizing: border-box;
      display: block;
      width: 83.3333333333%
   }

   .semi-col-xl-push-20 {
      left: 83.3333333333%
   }

   .semi-col-xl-pull-20 {
      right: 83.3333333333%
   }

   .semi-col-xl-offset-20 {
      margin-left: 83.3333333333%
   }

   .semi-col-xl-order-20 {
      order: 20
   }

   .semi-col-xl-21 {
      box-sizing: border-box;
      display: block;
      width: 87.5%
   }

   .semi-col-xl-push-21 {
      left: 87.5%
   }

   .semi-col-xl-pull-21 {
      right: 87.5%
   }

   .semi-col-xl-offset-21 {
      margin-left: 87.5%
   }

   .semi-col-xl-order-21 {
      order: 21
   }

   .semi-col-xl-22 {
      box-sizing: border-box;
      display: block;
      width: 91.6666666667%
   }

   .semi-col-xl-push-22 {
      left: 91.6666666667%
   }

   .semi-col-xl-pull-22 {
      right: 91.6666666667%
   }

   .semi-col-xl-offset-22 {
      margin-left: 91.6666666667%
   }

   .semi-col-xl-order-22 {
      order: 22
   }

   .semi-col-xl-23 {
      box-sizing: border-box;
      display: block;
      width: 95.8333333333%
   }

   .semi-col-xl-push-23 {
      left: 95.8333333333%
   }

   .semi-col-xl-pull-23 {
      right: 95.8333333333%
   }

   .semi-col-xl-offset-23 {
      margin-left: 95.8333333333%
   }

   .semi-col-xl-order-23 {
      order: 23
   }

   .semi-col-xl-24 {
      box-sizing: border-box;
      display: block;
      width: 100%
   }

   .semi-col-xl-push-24 {
      left: 100%
   }

   .semi-col-xl-pull-24 {
      right: 100%
   }

   .semi-col-xl-offset-24 {
      margin-left: 100%
   }

   .semi-col-xl-order-24 {
      order: 24
   }

   .semi-rtl .semi-col-xl-1,
   .semi-rtl .semi-col-xl-10,
   .semi-rtl .semi-col-xl-11,
   .semi-rtl .semi-col-xl-12,
   .semi-rtl .semi-col-xl-13,
   .semi-rtl .semi-col-xl-14,
   .semi-rtl .semi-col-xl-15,
   .semi-rtl .semi-col-xl-16,
   .semi-rtl .semi-col-xl-17,
   .semi-rtl .semi-col-xl-18,
   .semi-rtl .semi-col-xl-19,
   .semi-rtl .semi-col-xl-2,
   .semi-rtl .semi-col-xl-20,
   .semi-rtl .semi-col-xl-21,
   .semi-rtl .semi-col-xl-22,
   .semi-rtl .semi-col-xl-23,
   .semi-rtl .semi-col-xl-24,
   .semi-rtl .semi-col-xl-3,
   .semi-rtl .semi-col-xl-4,
   .semi-rtl .semi-col-xl-5,
   .semi-rtl .semi-col-xl-6,
   .semi-rtl .semi-col-xl-7,
   .semi-rtl .semi-col-xl-8,
   .semi-rtl .semi-col-xl-9 {
      float: right
   }

   .semi-rtl .semi-col-xl-offset-1 {
      margin-left: auto;
      margin-right: 4.1666666667%
   }

   .semi-rtl .semi-col-xl-offset-2 {
      margin-left: auto;
      margin-right: 8.3333333333%
   }

   .semi-rtl .semi-col-xl-offset-3 {
      margin-left: auto;
      margin-right: 12.5%
   }

   .semi-rtl .semi-col-xl-offset-4 {
      margin-left: auto;
      margin-right: 16.6666666667%
   }

   .semi-rtl .semi-col-xl-offset-5 {
      margin-left: auto;
      margin-right: 20.8333333333%
   }

   .semi-rtl .semi-col-xl-offset-6 {
      margin-left: auto;
      margin-right: 25%
   }

   .semi-rtl .semi-col-xl-offset-7 {
      margin-left: auto;
      margin-right: 29.1666666667%
   }

   .semi-rtl .semi-col-xl-offset-8 {
      margin-left: auto;
      margin-right: 33.3333333333%
   }

   .semi-rtl .semi-col-xl-offset-9 {
      margin-left: auto;
      margin-right: 37.5%
   }

   .semi-rtl .semi-col-xl-offset-10 {
      margin-left: auto;
      margin-right: 41.6666666667%
   }

   .semi-rtl .semi-col-xl-offset-11 {
      margin-left: auto;
      margin-right: 45.8333333333%
   }

   .semi-rtl .semi-col-xl-offset-12 {
      margin-left: auto;
      margin-right: 50%
   }

   .semi-rtl .semi-col-xl-offset-13 {
      margin-left: auto;
      margin-right: 54.1666666667%
   }

   .semi-rtl .semi-col-xl-offset-14 {
      margin-left: auto;
      margin-right: 58.3333333333%
   }

   .semi-rtl .semi-col-xl-offset-15 {
      margin-left: auto;
      margin-right: 62.5%
   }

   .semi-rtl .semi-col-xl-offset-16 {
      margin-left: auto;
      margin-right: 66.6666666667%
   }

   .semi-rtl .semi-col-xl-offset-17 {
      margin-left: auto;
      margin-right: 70.8333333333%
   }

   .semi-rtl .semi-col-xl-offset-18 {
      margin-left: auto;
      margin-right: 75%
   }

   .semi-rtl .semi-col-xl-offset-19 {
      margin-left: auto;
      margin-right: 79.1666666667%
   }

   .semi-rtl .semi-col-xl-offset-20 {
      margin-left: auto;
      margin-right: 83.3333333333%
   }

   .semi-rtl .semi-col-xl-offset-21 {
      margin-left: auto;
      margin-right: 87.5%
   }

   .semi-rtl .semi-col-xl-offset-22 {
      margin-left: auto;
      margin-right: 91.6666666667%
   }

   .semi-rtl .semi-col-xl-offset-23 {
      margin-left: auto;
      margin-right: 95.8333333333%
   }

   .semi-rtl .semi-col-xl-offset-24 {
      margin-left: auto;
      margin-right: 100%
   }
}

@media(min-width:1600px) {

   .semi-col-xxl-1,
   .semi-col-xxl-10,
   .semi-col-xxl-11,
   .semi-col-xxl-12,
   .semi-col-xxl-13,
   .semi-col-xxl-14,
   .semi-col-xxl-15,
   .semi-col-xxl-16,
   .semi-col-xxl-17,
   .semi-col-xxl-18,
   .semi-col-xxl-19,
   .semi-col-xxl-2,
   .semi-col-xxl-20,
   .semi-col-xxl-21,
   .semi-col-xxl-22,
   .semi-col-xxl-23,
   .semi-col-xxl-24,
   .semi-col-xxl-3,
   .semi-col-xxl-4,
   .semi-col-xxl-5,
   .semi-col-xxl-6,
   .semi-col-xxl-7,
   .semi-col-xxl-8,
   .semi-col-xxl-9 {
      flex: 0 0 auto;
      float: left
   }

   .semi-col-xxl-1 {
      box-sizing: border-box;
      display: block;
      width: 4.1666666667%
   }

   .semi-col-xxl-push-1 {
      left: 4.1666666667%
   }

   .semi-col-xxl-pull-1 {
      right: 4.1666666667%
   }

   .semi-col-xxl-offset-1 {
      margin-left: 4.1666666667%
   }

   .semi-col-xxl-order-1 {
      order: 1
   }

   .semi-col-xxl-2 {
      box-sizing: border-box;
      display: block;
      width: 8.3333333333%
   }

   .semi-col-xxl-push-2 {
      left: 8.3333333333%
   }

   .semi-col-xxl-pull-2 {
      right: 8.3333333333%
   }

   .semi-col-xxl-offset-2 {
      margin-left: 8.3333333333%
   }

   .semi-col-xxl-order-2 {
      order: 2
   }

   .semi-col-xxl-3 {
      box-sizing: border-box;
      display: block;
      width: 12.5%
   }

   .semi-col-xxl-push-3 {
      left: 12.5%
   }

   .semi-col-xxl-pull-3 {
      right: 12.5%
   }

   .semi-col-xxl-offset-3 {
      margin-left: 12.5%
   }

   .semi-col-xxl-order-3 {
      order: 3
   }

   .semi-col-xxl-4 {
      box-sizing: border-box;
      display: block;
      width: 16.6666666667%
   }

   .semi-col-xxl-push-4 {
      left: 16.6666666667%
   }

   .semi-col-xxl-pull-4 {
      right: 16.6666666667%
   }

   .semi-col-xxl-offset-4 {
      margin-left: 16.6666666667%
   }

   .semi-col-xxl-order-4 {
      order: 4
   }

   .semi-col-xxl-5 {
      box-sizing: border-box;
      display: block;
      width: 20.8333333333%
   }

   .semi-col-xxl-push-5 {
      left: 20.8333333333%
   }

   .semi-col-xxl-pull-5 {
      right: 20.8333333333%
   }

   .semi-col-xxl-offset-5 {
      margin-left: 20.8333333333%
   }

   .semi-col-xxl-order-5 {
      order: 5
   }

   .semi-col-xxl-6 {
      box-sizing: border-box;
      display: block;
      width: 25%
   }

   .semi-col-xxl-push-6 {
      left: 25%
   }

   .semi-col-xxl-pull-6 {
      right: 25%
   }

   .semi-col-xxl-offset-6 {
      margin-left: 25%
   }

   .semi-col-xxl-order-6 {
      order: 6
   }

   .semi-col-xxl-7 {
      box-sizing: border-box;
      display: block;
      width: 29.1666666667%
   }

   .semi-col-xxl-push-7 {
      left: 29.1666666667%
   }

   .semi-col-xxl-pull-7 {
      right: 29.1666666667%
   }

   .semi-col-xxl-offset-7 {
      margin-left: 29.1666666667%
   }

   .semi-col-xxl-order-7 {
      order: 7
   }

   .semi-col-xxl-8 {
      box-sizing: border-box;
      display: block;
      width: 33.3333333333%
   }

   .semi-col-xxl-push-8 {
      left: 33.3333333333%
   }

   .semi-col-xxl-pull-8 {
      right: 33.3333333333%
   }

   .semi-col-xxl-offset-8 {
      margin-left: 33.3333333333%
   }

   .semi-col-xxl-order-8 {
      order: 8
   }

   .semi-col-xxl-9 {
      box-sizing: border-box;
      display: block;
      width: 37.5%
   }

   .semi-col-xxl-push-9 {
      left: 37.5%
   }

   .semi-col-xxl-pull-9 {
      right: 37.5%
   }

   .semi-col-xxl-offset-9 {
      margin-left: 37.5%
   }

   .semi-col-xxl-order-9 {
      order: 9
   }

   .semi-col-xxl-10 {
      box-sizing: border-box;
      display: block;
      width: 41.6666666667%
   }

   .semi-col-xxl-push-10 {
      left: 41.6666666667%
   }

   .semi-col-xxl-pull-10 {
      right: 41.6666666667%
   }

   .semi-col-xxl-offset-10 {
      margin-left: 41.6666666667%
   }

   .semi-col-xxl-order-10 {
      order: 10
   }

   .semi-col-xxl-11 {
      box-sizing: border-box;
      display: block;
      width: 45.8333333333%
   }

   .semi-col-xxl-push-11 {
      left: 45.8333333333%
   }

   .semi-col-xxl-pull-11 {
      right: 45.8333333333%
   }

   .semi-col-xxl-offset-11 {
      margin-left: 45.8333333333%
   }

   .semi-col-xxl-order-11 {
      order: 11
   }

   .semi-col-xxl-12 {
      box-sizing: border-box;
      display: block;
      width: 50%
   }

   .semi-col-xxl-push-12 {
      left: 50%
   }

   .semi-col-xxl-pull-12 {
      right: 50%
   }

   .semi-col-xxl-offset-12 {
      margin-left: 50%
   }

   .semi-col-xxl-order-12 {
      order: 12
   }

   .semi-col-xxl-13 {
      box-sizing: border-box;
      display: block;
      width: 54.1666666667%
   }

   .semi-col-xxl-push-13 {
      left: 54.1666666667%
   }

   .semi-col-xxl-pull-13 {
      right: 54.1666666667%
   }

   .semi-col-xxl-offset-13 {
      margin-left: 54.1666666667%
   }

   .semi-col-xxl-order-13 {
      order: 13
   }

   .semi-col-xxl-14 {
      box-sizing: border-box;
      display: block;
      width: 58.3333333333%
   }

   .semi-col-xxl-push-14 {
      left: 58.3333333333%
   }

   .semi-col-xxl-pull-14 {
      right: 58.3333333333%
   }

   .semi-col-xxl-offset-14 {
      margin-left: 58.3333333333%
   }

   .semi-col-xxl-order-14 {
      order: 14
   }

   .semi-col-xxl-15 {
      box-sizing: border-box;
      display: block;
      width: 62.5%
   }

   .semi-col-xxl-push-15 {
      left: 62.5%
   }

   .semi-col-xxl-pull-15 {
      right: 62.5%
   }

   .semi-col-xxl-offset-15 {
      margin-left: 62.5%
   }

   .semi-col-xxl-order-15 {
      order: 15
   }

   .semi-col-xxl-16 {
      box-sizing: border-box;
      display: block;
      width: 66.6666666667%
   }

   .semi-col-xxl-push-16 {
      left: 66.6666666667%
   }

   .semi-col-xxl-pull-16 {
      right: 66.6666666667%
   }

   .semi-col-xxl-offset-16 {
      margin-left: 66.6666666667%
   }

   .semi-col-xxl-order-16 {
      order: 16
   }

   .semi-col-xxl-17 {
      box-sizing: border-box;
      display: block;
      width: 70.8333333333%
   }

   .semi-col-xxl-push-17 {
      left: 70.8333333333%
   }

   .semi-col-xxl-pull-17 {
      right: 70.8333333333%
   }

   .semi-col-xxl-offset-17 {
      margin-left: 70.8333333333%
   }

   .semi-col-xxl-order-17 {
      order: 17
   }

   .semi-col-xxl-18 {
      box-sizing: border-box;
      display: block;
      width: 75%
   }

   .semi-col-xxl-push-18 {
      left: 75%
   }

   .semi-col-xxl-pull-18 {
      right: 75%
   }

   .semi-col-xxl-offset-18 {
      margin-left: 75%
   }

   .semi-col-xxl-order-18 {
      order: 18
   }

   .semi-col-xxl-19 {
      box-sizing: border-box;
      display: block;
      width: 79.1666666667%
   }

   .semi-col-xxl-push-19 {
      left: 79.1666666667%
   }

   .semi-col-xxl-pull-19 {
      right: 79.1666666667%
   }

   .semi-col-xxl-offset-19 {
      margin-left: 79.1666666667%
   }

   .semi-col-xxl-order-19 {
      order: 19
   }

   .semi-col-xxl-20 {
      box-sizing: border-box;
      display: block;
      width: 83.3333333333%
   }

   .semi-col-xxl-push-20 {
      left: 83.3333333333%
   }

   .semi-col-xxl-pull-20 {
      right: 83.3333333333%
   }

   .semi-col-xxl-offset-20 {
      margin-left: 83.3333333333%
   }

   .semi-col-xxl-order-20 {
      order: 20
   }

   .semi-col-xxl-21 {
      box-sizing: border-box;
      display: block;
      width: 87.5%
   }

   .semi-col-xxl-push-21 {
      left: 87.5%
   }

   .semi-col-xxl-pull-21 {
      right: 87.5%
   }

   .semi-col-xxl-offset-21 {
      margin-left: 87.5%
   }

   .semi-col-xxl-order-21 {
      order: 21
   }

   .semi-col-xxl-22 {
      box-sizing: border-box;
      display: block;
      width: 91.6666666667%
   }

   .semi-col-xxl-push-22 {
      left: 91.6666666667%
   }

   .semi-col-xxl-pull-22 {
      right: 91.6666666667%
   }

   .semi-col-xxl-offset-22 {
      margin-left: 91.6666666667%
   }

   .semi-col-xxl-order-22 {
      order: 22
   }

   .semi-col-xxl-23 {
      box-sizing: border-box;
      display: block;
      width: 95.8333333333%
   }

   .semi-col-xxl-push-23 {
      left: 95.8333333333%
   }

   .semi-col-xxl-pull-23 {
      right: 95.8333333333%
   }

   .semi-col-xxl-offset-23 {
      margin-left: 95.8333333333%
   }

   .semi-col-xxl-order-23 {
      order: 23
   }

   .semi-col-xxl-24 {
      box-sizing: border-box;
      display: block;
      width: 100%
   }

   .semi-col-xxl-push-24 {
      left: 100%
   }

   .semi-col-xxl-pull-24 {
      right: 100%
   }

   .semi-col-xxl-offset-24 {
      margin-left: 100%
   }

   .semi-col-xxl-order-24 {
      order: 24
   }

   .semi-rtl .semi-col-xxl-1,
   .semi-rtl .semi-col-xxl-10,
   .semi-rtl .semi-col-xxl-11,
   .semi-rtl .semi-col-xxl-12,
   .semi-rtl .semi-col-xxl-13,
   .semi-rtl .semi-col-xxl-14,
   .semi-rtl .semi-col-xxl-15,
   .semi-rtl .semi-col-xxl-16,
   .semi-rtl .semi-col-xxl-17,
   .semi-rtl .semi-col-xxl-18,
   .semi-rtl .semi-col-xxl-19,
   .semi-rtl .semi-col-xxl-2,
   .semi-rtl .semi-col-xxl-20,
   .semi-rtl .semi-col-xxl-21,
   .semi-rtl .semi-col-xxl-22,
   .semi-rtl .semi-col-xxl-23,
   .semi-rtl .semi-col-xxl-24,
   .semi-rtl .semi-col-xxl-3,
   .semi-rtl .semi-col-xxl-4,
   .semi-rtl .semi-col-xxl-5,
   .semi-rtl .semi-col-xxl-6,
   .semi-rtl .semi-col-xxl-7,
   .semi-rtl .semi-col-xxl-8,
   .semi-rtl .semi-col-xxl-9 {
      float: right
   }

   .semi-rtl .semi-col-xxl-offset-1 {
      margin-left: auto;
      margin-right: 4.1666666667%
   }

   .semi-rtl .semi-col-xxl-offset-2 {
      margin-left: auto;
      margin-right: 8.3333333333%
   }

   .semi-rtl .semi-col-xxl-offset-3 {
      margin-left: auto;
      margin-right: 12.5%
   }

   .semi-rtl .semi-col-xxl-offset-4 {
      margin-left: auto;
      margin-right: 16.6666666667%
   }

   .semi-rtl .semi-col-xxl-offset-5 {
      margin-left: auto;
      margin-right: 20.8333333333%
   }

   .semi-rtl .semi-col-xxl-offset-6 {
      margin-left: auto;
      margin-right: 25%
   }

   .semi-rtl .semi-col-xxl-offset-7 {
      margin-left: auto;
      margin-right: 29.1666666667%
   }

   .semi-rtl .semi-col-xxl-offset-8 {
      margin-left: auto;
      margin-right: 33.3333333333%
   }

   .semi-rtl .semi-col-xxl-offset-9 {
      margin-left: auto;
      margin-right: 37.5%
   }

   .semi-rtl .semi-col-xxl-offset-10 {
      margin-left: auto;
      margin-right: 41.6666666667%
   }

   .semi-rtl .semi-col-xxl-offset-11 {
      margin-left: auto;
      margin-right: 45.8333333333%
   }

   .semi-rtl .semi-col-xxl-offset-12 {
      margin-left: auto;
      margin-right: 50%
   }

   .semi-rtl .semi-col-xxl-offset-13 {
      margin-left: auto;
      margin-right: 54.1666666667%
   }

   .semi-rtl .semi-col-xxl-offset-14 {
      margin-left: auto;
      margin-right: 58.3333333333%
   }

   .semi-rtl .semi-col-xxl-offset-15 {
      margin-left: auto;
      margin-right: 62.5%
   }

   .semi-rtl .semi-col-xxl-offset-16 {
      margin-left: auto;
      margin-right: 66.6666666667%
   }

   .semi-rtl .semi-col-xxl-offset-17 {
      margin-left: auto;
      margin-right: 70.8333333333%
   }

   .semi-rtl .semi-col-xxl-offset-18 {
      margin-left: auto;
      margin-right: 75%
   }

   .semi-rtl .semi-col-xxl-offset-19 {
      margin-left: auto;
      margin-right: 79.1666666667%
   }

   .semi-rtl .semi-col-xxl-offset-20 {
      margin-left: auto;
      margin-right: 83.3333333333%
   }

   .semi-rtl .semi-col-xxl-offset-21 {
      margin-left: auto;
      margin-right: 87.5%
   }

   .semi-rtl .semi-col-xxl-offset-22 {
      margin-left: auto;
      margin-right: 91.6666666667%
   }

   .semi-rtl .semi-col-xxl-offset-23 {
      margin-left: auto;
      margin-right: 95.8333333333%
   }

   .semi-rtl .semi-col-xxl-offset-24 {
      margin-left: auto;
      margin-right: 100%
   }
}

.semi-portal-rtl .semi-row,
.semi-portal-rtl .semi-row-flex,
.semi-rtl .semi-row,
.semi-rtl .semi-row-flex {
   direction: rtl
}

.semi-layout {
   display: flex;
   flex: auto;
   flex-direction: column;
   min-height: auto
}

.semi-layout,
.semi-layout-content,
.semi-layout-footer,
.semi-layout-header,
.semi-layout-sider,
.semi-layout-sider-children {
   box-sizing: border-box
}

.semi-layout-footer,
.semi-layout-header {
   flex: 0 0 auto
}

.semi-layout-content {
   flex: auto;
   min-height: auto
}

.semi-layout-sider {
   min-width: auto;
   position: relative
}

.semi-layout-sider-children {
   height: 100%;
   margin-top: -.1px;
   padding-top: .1px
}

.semi-layout-has-sider {
   flex-direction: row
}

.semi-layout-has-sider>.semi-layout,
.semi-layout-has-sider>.semi-layout-content {
   overflow-x: hidden
}

.semi-portal-rtl .semi-layout,
.semi-rtl .semi-layout {
   direction: rtl
}

.semi-list {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-list-items {
   list-style: none;
   margin: 0;
   padding: 0
}

.semi-list-footer,
.semi-list-header {
   padding: 12px 24px
}

.semi-list-empty {
   color: var(--semi-color-text-2);
   padding: 12px 0;
   text-align: center;
   width: 100%
}

.semi-list-item {
   align-items: center;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
   list-style: none;
   margin: 0;
   padding: 12px 24px
}

.semi-list-item-body {
   display: flex;
   flex: 1 1
}

.semi-list-item-body-header {
   margin-right: 20px
}

.semi-list-item-body-flex-start {
   align-items: flex-start
}

.semi-list-item-body-flex-end {
   align-items: flex-end
}

.semi-list-item-body-center {
   align-items: center
}

.semi-list-item-body-stretch {
   align-items: stretch
}

.semi-list-item-body-baseline {
   align-items: baseline
}

.semi-list-item-extra {
   flex: 0 0 auto;
   margin-left: 40px
}

.semi-list-split .semi-list-item {
   border-bottom: 1px solid var(--semi-color-border)
}

.semi-list-split .semi-list-item:last-child {
   border-bottom: none
}

.semi-list-split .semi-list-header {
   border-bottom: 1px solid var(--semi-color-border)
}

.semi-list-split .semi-list-footer {
   border-top: 1px solid var(--semi-color-border)
}

.semi-list-small .semi-list-footer,
.semi-list-small .semi-list-header,
.semi-list-small .semi-list-item {
   padding: 8px 16px
}

.semi-list-large .semi-list-footer,
.semi-list-large .semi-list-header,
.semi-list-large .semi-list-item {
   padding: 16px 24px
}

.semi-list.semi-list-grid .semi-list-item {
   padding: 0
}

.semi-list.semi-list-bordered {
   border: 1px solid var(--semi-color-border)
}

.semi-list.semi-list-flex .semi-list-items {
   display: flex
}

.semi-list.semi-list-flex.semi-list-split .semi-list-item {
   border-bottom: none;
   border-right: 1px solid var(--semi-color-border)
}

.semi-list.semi-list-flex.semi-list-split .semi-list-item:last-child {
   border-right: none
}

.semi-portal-rtl .semi-list,
.semi-portal-rtl .semi-list-item,
.semi-rtl .semi-list,
.semi-rtl .semi-list-item {
   direction: rtl
}

.semi-portal-rtl .semi-list-item-body-header,
.semi-rtl .semi-list-item-body-header {
   margin-left: 20px;
   margin-right: auto
}

.semi-portal-rtl .semi-list-item-extra,
.semi-rtl .semi-list-item-extra {
   flex: 0 0 auto;
   margin-left: 0;
   margin-right: 40px
}

.semi-portal-rtl .semi-list.semi-list-flex.semi-list-split .semi-list-item,
.semi-rtl .semi-list.semi-list-flex.semi-list-split .semi-list-item {
   border-bottom: none;
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-list.semi-list-flex.semi-list-split .semi-list-item:last-child,
.semi-rtl .semi-list.semi-list-flex.semi-list-split .semi-list-item:last-child {
   border-left: none
}

.semi-input-textarea-wrapper {
   background-color: var(--semi-color-fill-0);
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-small);
   box-sizing: border-box;
   display: inline-block;
   position: relative;
   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);
   vertical-align: bottom;
   width: 100%
}

.semi-input-textarea-wrapper:hover {
   background-color: var(--semi-color-fill-1)
}

.semi-input-textarea-wrapper-focus {
   border: 1px var(--semi-color-focus-border) solid
}

.semi-input-textarea-wrapper-focus,
.semi-input-textarea-wrapper-focus:active,
.semi-input-textarea-wrapper-focus:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-input-textarea-wrapper:active {
   background-color: var(--semi-color-fill-2)
}

.semi-input-textarea-wrapper .semi-input-clearbtn {
   color: var(--semi-color-text-2);
   height: 32px;
   min-width: 24px;
   position: absolute;
   right: 4px;
   top: 0
}

.semi-input-textarea-wrapper .semi-input-clearbtn>svg {
   pointer-events: none
}

.semi-input-textarea-wrapper .semi-input-clearbtn:hover {
   cursor: pointer
}

.semi-input-textarea-wrapper .semi-input-clearbtn:hover .semi-icon {
   color: var(--semi-color-primary-hover)
}

.semi-input-textarea-wrapper .semi-input-clearbtn-hidden {
   visibility: hidden
}

.semi-input-textarea-wrapper-disabled,
.semi-input-textarea-wrapper-readonly {
   background-color: var(--semi-color-disabled-fill);
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-input-textarea-wrapper-disabled:hover,
.semi-input-textarea-wrapper-readonly:hover {
   background-color: var(--semi-color-disabled-fill)
}

.semi-input-textarea-wrapper-disabled::-webkit-input-placeholder,
.semi-input-textarea-wrapper-readonly::-webkit-input-placeholder {
   color: var(--semi-color-disabled-text)
}

.semi-input-textarea-wrapper-disabled::-ms-input-placeholder,
.semi-input-textarea-wrapper-readonly::-ms-input-placeholder {
   color: var(--semi-color-disabled-text)
}

.semi-input-textarea-wrapper-disabled::placeholder,
.semi-input-textarea-wrapper-readonly::placeholder {
   color: var(--semi-color-disabled-text)
}

.semi-input-textarea-wrapper-readonly {
   cursor: text
}

.semi-input-textarea-wrapper-error {
   background-color: var(--semi-color-danger-light-default);
   border-color: var(--semi-color-danger-light-default)
}

.semi-input-textarea-wrapper-error:hover {
   background-color: var(--semi-color-danger-light-hover);
   border-color: var(--semi-color-danger-light-hover)
}

.semi-input-textarea-wrapper-error.semi-input-textarea-wrapper-focus {
   background-color: var(--semi-color-danger-light-default);
   border-color: var(--semi-color-danger)
}

.semi-input-textarea-wrapper-error:active {
   background-color: var(--semi-color-danger-light-active);
   border-color: var(--semi-color-danger)
}

.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 {
   background-color: transparent;
   border: 0 solid transparent;
   box-shadow: none;
   box-sizing: border-box;
   color: var(--semi-color-text-0);
   cursor: text;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   outline: none;
   padding: 5px 12px;
   position: relative;
   resize: none;
   vertical-align: bottom;
   width: 100%
}

.semi-input-textarea:hover {
   border-color: transparent
}

.semi-input-textarea::-webkit-input-placeholder {
   color: var(--semi-color-text-2)
}

.semi-input-textarea::-ms-input-placeholder {
   color: var(--semi-color-text-2)
}

.semi-input-textarea::placeholder {
   color: var(--semi-color-text-2)
}

.semi-input-textarea-showClear {
   padding-right: 36px
}

.semi-input-textarea-disabled,
.semi-input-textarea-readonly {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-input-textarea-disabled:hover,
.semi-input-textarea-readonly:hover {
   background-color: transparent
}

.semi-input-textarea-disabled::-webkit-input-placeholder,
.semi-input-textarea-readonly::-webkit-input-placeholder {
   color: var(--semi-color-disabled-text)
}

.semi-input-textarea-disabled::-ms-input-placeholder,
.semi-input-textarea-readonly::-ms-input-placeholder {
   color: var(--semi-color-disabled-text)
}

.semi-input-textarea-disabled::placeholder,
.semi-input-textarea-readonly::placeholder {
   color: var(--semi-color-disabled-text)
}

.semi-input-textarea-readonly {
   cursor: text
}

.semi-input-textarea-autosize {
   overflow: hidden
}

.semi-input-textarea-counter {
   color: var(--semi-color-text-2);
   display: flex;
   flex-direction: column;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   justify-content: center;
   line-height: 16px;
   min-height: 24px;
   padding: 3px 12px 5px 12px;
   text-align: right
}

.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-portal-rtl .semi-input-wrapper,
.semi-rtl .semi-input-wrapper {
   direction: rtl
}

.semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input,
.semi-rtl .semi-input-wrapper__with-prefix .semi-input {
   padding-left: auto;
   padding-right: 0
}

.semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input,
.semi-rtl .semi-input-wrapper__with-suffix .semi-input {
   padding-left: 0;
   padding-right: auto
}

.semi-portal-rtl .semi-input,
.semi-rtl .semi-input {
   padding-left: 12px;
   padding-right: 12px
}

.semi-portal-rtl .semi-input-inset-label,
.semi-rtl .semi-input-inset-label {
   margin-left: 12px;
   margin-right: auto
}

.semi-portal-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-icon,
.semi-portal-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-text,
.semi-portal-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-icon,
.semi-portal-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-text,
.semi-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-icon,
.semi-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-text,
.semi-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-icon,
.semi-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-text {
   margin-left: auto;
   margin-right: 0
}

.semi-portal-rtl .semi-input-append,
.semi-rtl .semi-input-append {
   border-left: 0;
   border-right: 1px solid transparent
}

.semi-portal-rtl .semi-input-prepend,
.semi-rtl .semi-input-prepend {
   border-left: 1px solid transparent;
   border-right: 0
}

.semi-portal-rtl .semi-input-group .semi-cascader:not(:last-child):after,
.semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child):after,
.semi-portal-rtl .semi-input-group .semi-select:not(:last-child):after,
.semi-portal-rtl .semi-input-group .semi-tree-select:not(:last-child):after,
.semi-portal-rtl .semi-input-group>.semi-input-wrapper:not(:last-child):after,
.semi-rtl .semi-input-group .semi-cascader:not(:last-child):after,
.semi-rtl .semi-input-group .semi-input-number:not(:last-child):after,
.semi-rtl .semi-input-group .semi-select:not(:last-child):after,
.semi-rtl .semi-input-group .semi-tree-select:not(:last-child):after,
.semi-rtl .semi-input-group>.semi-input-wrapper:not(:last-child):after {
   left: -1px;
   right: auto
}

.semi-portal-rtl .semi-input-textarea-wrapper,
.semi-rtl .semi-input-textarea-wrapper {
   direction: rtl
}

.semi-portal-rtl .semi-input-textarea-counter,
.semi-rtl .semi-input-textarea-counter {
   text-align: left
}

.semi-portal-rtl .semi-input-textarea-showClear,
.semi-rtl .semi-input-textarea-showClear {
   padding-left: 36px;
   padding-right: 0
}

.semi-input-number {
   align-items: center;
   box-sizing: border-box;
   display: inline-flex;
   transform: scale(var(--semi-transform_scale-none));
   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-number-suffix-btns {
   background-color: var(--semi-color-bg-2);
   border: 1px solid var(--semi-color-border);
   border-radius: var(--semi-border-radius-small);
   box-sizing: border-box;
   display: inline-flex;
   flex-direction: column;
   margin-left: 4px
}

.semi-input-number-suffix-btns>.semi-input-number-button {
   align-items: center;
   border-radius: 0;
   color: var(--semi-color-text-2);
   display: inline-flex;
   height: 50%;
   justify-content: center;
   margin: 0;
   padding: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 14px
}

.semi-input-number-suffix-btns>.semi-input-number-button-down:not(.semi-input-number-button-down-not-allowed):hover,
.semi-input-number-suffix-btns>.semi-input-number-button-up:not(.semi-input-number-button-up-not-allowed):hover {
   background-color: var(--semi-color-fill-0);
   cursor: pointer
}

.semi-input-number-suffix-btns>.semi-input-number-button-down:not(.semi-input-number-button-down-not-allowed):active,
.semi-input-number-suffix-btns>.semi-input-number-button-up:not(.semi-input-number-button-up-not-allowed):active {
   background-color: var(--semi-color-fill-1);
   cursor: pointer
}

.semi-input-number-suffix-btns>.semi-input-number-button-down.semi-input-number-button-down-disabled,
.semi-input-number-suffix-btns>.semi-input-number-button-up.semi-input-number-button-up-disabled {
   background-color: var(--semi-color-disabled-fill);
   color: var(--semi-color-disabled-text)
}

.semi-input-number-suffix-btns>.semi-input-number-button-down.semi-input-number-button-down-not-allowed,
.semi-input-number-suffix-btns>.semi-input-number-button-up.semi-input-number-button-up-not-allowed {
   cursor: not-allowed
}

.semi-input-number-suffix-btns-inner-hover {
   border-color: var(--semi-color-fill-2)
}

.semi-input-number-suffix-btns-inner {
   margin-left: 8px
}

.semi-input-number .semi-input-clearbtn+.semi-input-suffix {
   margin-left: -4px
}

.semi-input-number .semi-input-clearbtn+.semi-input-suffix .semi-input-number-suffix-btns-inner {
   margin-left: 0
}

.semi-input-number-size-default .semi-input-number-suffix-btns {
   height: 32px
}

.semi-input-number-size-default .semi-input-number-suffix-btns-inner {
   height: 30px
}

.semi-input-number-size-large .semi-input-number-suffix-btns {
   height: 40px
}

.semi-input-number-size-large .semi-input-number-suffix-btns-inner {
   height: 38px
}

.semi-input-number-size-small .semi-input-number-suffix-btns {
   height: 24px
}

.semi-input-number-size-small .semi-input-number-suffix-btns-inner {
   height: 22px
}

.semi-input-number:not(:focus-within):not(:hover) .semi-input-borderless+.semi-input-number-suffix-btns {
   opacity: 0
}

.semi-portal-rtl .semi-input-number,
.semi-rtl .semi-input-number {
   direction: rtl
}

.semi-portal-rtl .semi-input-number-suffix-btns,
.semi-rtl .semi-input-number-suffix-btns {
   margin-left: auto;
   margin-right: 4px
}

.semi-portal-rtl .semi-input-number-suffix-btns-inner,
.semi-rtl .semi-input-number-suffix-btns-inner {
   margin-left: auto;
   margin-right: 8px
}

.semi-portal-rtl .semi-input-number .semi-input-clearbtn+.semi-input-suffix,
.semi-rtl .semi-input-number .semi-input-clearbtn+.semi-input-suffix {
   margin-left: auto;
   margin-right: -4px
}

.semi-portal-rtl .semi-input-number .semi-input-clearbtn+.semi-input-suffix .semi-input-number-suffix-btns-inner,
.semi-rtl .semi-input-number .semi-input-clearbtn+.semi-input-suffix .semi-input-number-suffix-btns-inner {
   margin-left: auto;
   margin-right: 0
}

.semi-navigation {
   background-color: var(--semi-color-nav-bg);
   border-right: 1px solid var(--semi-color-border);
   box-sizing: border-box;
   display: inline-flex;
   margin: 0;
   outline: none;
   overflow: hidden;
   padding-left: 8px;
   padding-right: 8px;
   transition: padding-left .1s ease-out, width .2s cubic-bezier(.62, .05, .36, .95);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 240px
}

.semi-navigation-inner {
   display: flex;
   height: 100%;
   justify-content: space-between;
   width: 100%
}

.semi-navigation-list {
   list-style: none;
   margin: 0;
   padding: 0
}

.semi-navigation-list>.semi-navigation-item-normal {
   height: 36px
}

.semi-navigation-list>.semi-navigation-item,
.semi-navigation-list>.semi-navigation-item>.semi-navigation-sub-title {
   font-weight: 600
}

.semi-navigation-collapsed {
   padding-left: 8px;
   padding-right: 8px;
   transition: padding-left .1s ease-out, width .2s cubic-bezier(.62, .05, .36, .95);
   width: 60px
}

.semi-navigation-collapsed .semi-navigation-item-icon:last-child,
.semi-navigation-collapsed .semi-navigation-item-text {
   opacity: 0;
   transition: opacity .2s cubic-bezier(.5, -.1, 1, .4)
}

.semi-navigation-item,
.semi-navigation-sub-wrap .semi-navigation-sub-title {
   border-radius: var(--semi-border-radius-small);
   box-sizing: border-box;
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   margin-bottom: 8px;
   margin-top: 0;
   padding: 8px 12px;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   width: 100%
}

.semi-navigation-item-text,
.semi-navigation-sub-wrap .semi-navigation-sub-title-text {
   opacity: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   transition: opacity .2s cubic-bezier(.5, -.1, 1, .4);
   white-space: nowrap
}

.semi-navigation-item-indent,
.semi-navigation-sub-wrap .semi-navigation-sub-title-indent {
   width: 32px
}

.semi-navigation-item:focus-visible,
.semi-navigation-sub-wrap .semi-navigation-sub-title:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -2px
}

.semi-navigation-header-link,
.semi-navigation-item-link {
   align-items: center;
   color: inherit;
   display: flex;
   justify-content: flex-start;
   text-decoration: none;
   width: 100%
}

.semi-navigation-item-has-link {
   padding: 0
}

.semi-navigation-item-has-link .semi-navigation-item-link {
   padding: 8px 12px
}

.semi-navigation-item-sub {
   padding: 0
}

.semi-navigation-sub-wrap>.semi-navigation-item-inner {
   width: 100%
}

.semi-navigation-sub-wrap .semi-navigation-sub-title>.semi-navigation-item-inner {
   display: flex
}

.semi-navigation-item-inner {
   align-items: center;
   display: flex;
   flex: 0 0 auto;
   width: 100%
}

.semi-navigation-item-title {
   opacity: 1;
   transition: opacity .1s ease-out 100s
}

.semi-navigation .semi-navigation-sub-title {
   margin-bottom: 0
}

.semi-navigation-item-icon-info {
   margin-left: 0
}

.semi-navigation-item-icon-info,
.semi-navigation-item-icon-toggle-left {
   color: var(--semi-color-text-2);
   display: inline-flex;
   margin-right: 12px;
   min-width: 20px
}

.semi-navigation-item-icon-toggle-right {
   color: var(--semi-color-text-2);
   display: inline-flex;
   margin-left: auto;
   opacity: 1;
   transition: opacity .2s cubic-bezier(.5, -.1, 1, .4)
}

.semi-navigation-item-selected {
   background-color: var(--semi-color-primary-light-default);
   color: var(--semi-color-text-0)
}

.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary)
}

.semi-navigation-item-selected.semi-navigation-item-disabled {
   background-color: transparent;
   color: var(--semi-color-primary-disabled);
   cursor: not-allowed
}

.semi-navigation-item-selected.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary-disabled)
}

.semi-navigation-item-disabled {
   background-color: transparent;
   cursor: not-allowed
}

.semi-navigation-item-disabled,
.semi-navigation-item-disabled .semi-navigation-item-icon,
.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-disabled-text)
}

.semi-navigation-inner>.semi-navigation-item {
   color: var(--semi-color-text-0)
}

.semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) {
   background-color: var(--semi-color-fill-0);
   color: var(--semi-color-text-0)
}

.semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
   color: var(--semi-color-text-2)
}

.semi-navigation-item-normal:hover.semi-navigation-item-selected {
   background-color: var(--semi-color-fill-0);
   color: var(--semi-color-text-0)
}

.semi-navigation-item-normal:hover.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary)
}

.semi-navigation-item-normal:hover.semi-navigation-item-disabled {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon,
.semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-disabled-text)
}

.semi-navigation-item-normal:hover.semi-navigation-item-selected.semi-navigation-item-disabled {
   background-color: transparent;
   color: var(--semi-color-primary-disabled);
   cursor: not-allowed
}

.semi-navigation-item-normal:hover.semi-navigation-item-selected.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary-disabled)
}

.semi-navigation-inner>.semi-navigation-item-normal:active:not(.semi-navigation-item-selected),
.semi-navigation-item-normal:active:not(.semi-navigation-item-selected) {
   background-color: var(--semi-color-fill-1);
   color: var(--semi-color-text-0)
}

.semi-navigation-inner>.semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child,
.semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
   color: var(--semi-color-text-2)
}

.semi-navigation-inner>.semi-navigation-item-normal:active.semi-navigation-item-selected,
.semi-navigation-item-normal:active.semi-navigation-item-selected {
   background-color: var(--semi-color-fill-1);
   color: var(--semi-color-text-0)
}

.semi-navigation-inner>.semi-navigation-item-normal:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child,
.semi-navigation-item-normal:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary)
}

.semi-navigation-inner>.semi-navigation-item-normal:active.semi-navigation-item-disabled,
.semi-navigation-item-normal:active.semi-navigation-item-disabled {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-navigation-inner>.semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon,
.semi-navigation-inner>.semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child,
.semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon,
.semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-disabled-text)
}

.semi-navigation-sub-wrap .semi-navigation-item-inner {
   display: block
}

.semi-navigation-sub-wrap {
   display: block;
   height: inherit;
   margin-top: 0;
   padding: 0
}

.semi-navigation-sub-wrap .semi-navigation-sub-title {
   align-items: center;
   display: flex;
   height: 36px;
   justify-content: flex-start
}

.semi-navigation-sub {
   font-size: 14px;
   font-weight: 400;
   list-style: none;
   outline: none;
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-navigation-sub .semi-navigation-item {
   background-color: transparent;
   color: var(--semi-color-text-0);
   font-weight: 400;
   height: 36px;
   width: 100%
}

.semi-navigation-sub .semi-navigation-item:first-child {
   margin-top: 8px
}

.semi-navigation-sub .semi-navigation-item>.semi-navigation-sub .semi-navigation-item-text:first-child {
   margin-left: 44px
}

.semi-navigation-sub .semi-navigation-item:hover:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) {
   background-color: var(--semi-color-fill-0);
   color: var(--semi-color-text-0)
}

.semi-navigation-sub .semi-navigation-item:hover:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) .semi-navigation-item-icon:first-child {
   color: var(--semi-color-text-2)
}

.semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-disabled {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-disabled .semi-navigation-item-icon,
.semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-disabled-text)
}

.semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-selected {
   background-color: var(--semi-color-primary-light-default);
   color: var(--semi-color-text-0)
}

.semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary)
}

.semi-navigation-sub .semi-navigation-item:active:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) {
   background-color: var(--semi-color-fill-1);
   color: var(--semi-color-text-0)
}

.semi-navigation-sub .semi-navigation-item:active:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) .semi-navigation-item-icon:first-child {
   color: var(--semi-color-text-2)
}

.semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-disabled {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-disabled .semi-navigation-item-icon,
.semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-disabled-text)
}

.semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-selected {
   background-color: var(--semi-color-primary-light-default);
   color: var(--semi-color-text-0)
}

.semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary)
}

.semi-navigation-sub .semi-navigation-item-selected {
   background-color: var(--semi-color-primary-light-default);
   color: var(--semi-color-text-0)
}

.semi-navigation-sub .semi-navigation-item-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary)
}

.semi-navigation-sub .semi-navigation-item-selected.semi-navigation-item-disabled {
   background-color: var(--semi-color-primary-light-default);
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-navigation-sub .semi-navigation-item-disabled {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-navigation-sub .semi-navigation-item-disabled .semi-navigation-item-icon,
.semi-navigation-sub .semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-disabled-text)
}

.semi-navigation-sub .semi-navigation-sub-wrap {
   height: inherit
}

.semi-navigation-icon-rotate-0 {
   transform: rotate(0);
   transition: transform .2s ease-in-out
}

.semi-navigation-icon-rotate-180 {
   transform: rotate(-180deg);
   transition: transform .2s ease-in-out
}

.semi-navigation-header {
   align-items: center;
   box-sizing: border-box;
   display: inline-flex
}

.semi-navigation-header-logo {
   display: inline-flex;
   margin-left: 0;
   margin-right: 8px
}

.semi-navigation-header-logo>.semi-icon,
.semi-navigation-header-logo>img {
   height: 36px;
   object-fit: scale-down;
   width: 36px
}

.semi-navigation-header-text {
   color: var(--semi-color-text-0);
   display: inline-flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   opacity: 1;
   text-overflow: ellipsis;
   transition: opacity .2s cubic-bezier(.5, -.1, 1, .4);
   white-space: nowrap
}

.semi-navigation-footer {
   align-items: center;
   box-sizing: border-box;
   display: inline-flex;
   padding: 16px 24px
}

.semi-navigation-footer .semi-navigation-collapse-btn {
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-navigation-collapsed .semi-navigation-header {
   justify-content: center
}

.semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo {
   margin-right: 0;
   width: 100%
}

.semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo>.semi-icon,
.semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo>img {
   max-height: 100%;
   max-width: 100%;
   width: 36px
}

.semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-text {
   opacity: 0;
   transition: opacity .2s cubic-bezier(.5, -.1, 1, .4)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-item-selected:not(.semi-navigation-item-disabled).semi-navigation-item-normal:hover .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title {
   background-color: transparent;
   color: var(--semi-color-text-0)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-selected {
   background-color: var(--semi-color-primary-light-default);
   color: var(--semi-color-text-0);
   font-weight: 600
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-selected {
   background-color: transparent
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-selected.semi-navigation-sub-title-disabled {
   background-color: transparent;
   color: var(--semi-color-primary-disabled);
   cursor: not-allowed
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-selected.semi-navigation-sub-title-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary-disabled)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-disabled {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed;
   font-weight: 600
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-disabled .semi-navigation-item-icon,
.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-disabled-text)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover:not(.semi-navigation-sub-title-selected) {
   background-color: var(--semi-color-fill-0);
   color: var(--semi-color-text-0)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child {
   color: var(--semi-color-text-2)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-selected {
   background-color: var(--semi-color-fill-0);
   color: var(--semi-color-text-0)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active:not(.semi-navigation-sub-title-selected) {
   background-color: var(--semi-color-fill-1);
   color: var(--semi-color-text-0)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child {
   color: var(--semi-color-text-2)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-selected {
   background-color: var(--semi-color-fill-1);
   color: var(--semi-color-text-0)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected),
.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon,
.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child,
.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon,
.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child {
   color: var(--semi-color-disabled-text)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected,
.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected {
   background-color: transparent;
   color: var(--semi-color-primary-disabled);
   cursor: not-allowed
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child,
.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary-disabled)
}

.semi-navigation-vertical .semi-navigation-item:last-of-type {
   margin-bottom: 0
}

.semi-navigation-vertical .semi-navigation-inner {
   flex-direction: column
}

.semi-navigation-vertical .semi-navigation-header-list-outer {
   height: 100%
}

.semi-navigation-vertical .semi-navigation-list-wrapper {
   overflow-x: hidden;
   overflow-y: auto;
   padding-top: 12px
}

.semi-navigation-vertical .semi-navigation-header {
   padding-bottom: 36px;
   padding-left: 5.5px;
   padding-right: 8px;
   padding-top: 32px;
   width: 100%
}

.semi-navigation-vertical .semi-navigation-header-collapsed {
   padding-left: 5.5px;
   padding-right: 0;
   transition: padding-left .1s ease-out, width .2s cubic-bezier(.62, .05, .36, .95)
}

.semi-navigation-vertical .semi-navigation-footer {
   color: var(--semi-color-text-2);
   padding-left: 8px;
   padding-right: 8px
}

.semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn .semi-button-content-right {
   margin-left: 12px;
   opacity: 1;
   transition: opacity .2s cubic-bezier(.5, -.1, 1, .4)
}

.semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn>.semi-button {
   padding-left: 8px;
   padding-right: 8px
}

.semi-navigation-vertical .semi-navigation-footer-collapsed {
   justify-content: center
}

.semi-navigation-vertical .semi-navigation-footer-collapsed .semi-navigation-collapse-btn {
   width: 100%
}

.semi-navigation-vertical .semi-navigation-footer-collapsed .semi-navigation-collapse-btn .semi-button-content-right {
   opacity: 0;
   transition: opacity .2s cubic-bezier(.5, -.1, 1, .4)
}

.semi-navigation-horizontal {
   border-bottom: 1px solid var(--semi-color-border);
   border-right: none;
   height: 60px;
   padding-left: 24px;
   padding-right: 24px;
   width: 100%
}

.semi-navigation-horizontal .semi-navigation-inner {
   flex-direction: row
}

.semi-navigation-horizontal .semi-navigation-header-list-outer {
   align-items: center;
   display: inline-flex
}

.semi-navigation-horizontal .semi-navigation-header-list-outer-collapsed {
   align-items: baseline
}

.semi-navigation-horizontal .semi-navigation-header {
   margin-right: 24px;
   width: inherit
}

.semi-navigation-horizontal .semi-navigation-list {
   align-items: center;
   display: inline-flex
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item {
   background-color: transparent;
   color: var(--semi-color-text-2);
   margin-bottom: 0
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item .semi-navigation-item-icon:first-child {
   color: var(--semi-color-text-2)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-selected {
   background-color: transparent;
   color: var(--semi-color-text-0)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-text-0)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-disabled {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-disabled .semi-navigation-item-icon,
.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-disabled-text)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) {
   background-color: transparent;
   color: var(--semi-color-text-1)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
   color: var(--semi-color-text-1)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-text {
   background-color: transparent;
   color: var(--semi-color-text-1)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) {
   background-color: transparent;
   color: var(--semi-color-text-0)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
   color: var(--semi-color-text-0)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled,
.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled {
   background-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon,
.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child,
.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon,
.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
   color: var(--semi-color-disabled-text)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-text,
.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-text {
   background-color: transparent;
   color: var(--semi-color-disabled-text)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type) {
   margin-right: 8px
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title .semi-navigation-item-text {
   background-color: transparent;
   color: var(--semi-color-text-2)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child,
.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-selected .semi-navigation-item-text {
   background-color: transparent;
   color: var(--semi-color-text-0)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-disabled {
   cursor: not-allowed
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-disabled .semi-navigation-item-icon:first-child,
.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-disabled .semi-navigation-item-text {
   background-color: transparent;
   color: var(--semi-color-disabled-text)
}

.semi-navigation-horizontal .semi-navigation-item-inner {
   width: auto
}

.semi-navigation-horizontal .semi-navigation-item-icon:last-child {
   margin-left: 8px
}

.semi-navigation-horizontal .semi-navigation-item-icon:first-child {
   margin-right: 8px
}

.semi-navigation-horizontal .semi-navigation-item {
   width: auto
}

.semi-navigation-horizontal .semi-navigation-item-collapsed {
   word-wrap: none;
   text-overflow: ellipsis
}

.semi-navigation-horizontal .semi-navigation-footer {
   border-top: none;
   padding-right: 0
}

.semi-navigation-horizontal .semi-navigation-footer-collapsed {
   align-items: center;
   flex-direction: row;
   justify-content: center
}

.semi-navigation-popover .semi-navigation-sub-title {
   width: 100%
}

.semi-navigation-popover .semi-navigation-item-selected {
   font-weight: 400
}

.semi-dropdown-item .semi-navigation-sub-title {
   box-sizing: border-box;
   padding: 8px 12px;
   width: 100%
}

.semi-dropdown-item.semi-navigation-item {
   margin-bottom: 0;
   margin-top: 0;
   min-width: 150px
}

.semi-dropdown-menu .semi-navigation-item-sub {
   padding: 0
}

.semi-portal-rtl .semi-navigation,
.semi-rtl .semi-navigation {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0;
   direction: rtl
}

.semi-portal-rtl .semi-navigation,
.semi-portal-rtl .semi-navigation-collapsed,
.semi-rtl .semi-navigation,
.semi-rtl .semi-navigation-collapsed {
   transition: padding-right .1s ease-out, width .2s cubic-bezier(.62, .05, .36, .95)
}

.semi-portal-rtl .semi-navigation-item-icon:first-child,
.semi-rtl .semi-navigation-item-icon:first-child {
   margin-left: 12px;
   margin-right: 0
}

.semi-portal-rtl .semi-navigation-item-icon:last-child,
.semi-rtl .semi-navigation-item-icon:last-child {
   margin-left: 0;
   margin-right: auto
}

.semi-portal-rtl .semi-navigation-sub .semi-navigation-item>.semi-portal-rtl .semi-navigation-sub .semi-navigation-item-text:first-child,
.semi-portal-rtl .semi-navigation-sub .semi-navigation-item>.semi-rtl .semi-navigation-sub .semi-navigation-item-text:first-child,
.semi-rtl .semi-navigation-sub .semi-navigation-item>.semi-portal-rtl .semi-navigation-sub .semi-navigation-item-text:first-child,
.semi-rtl .semi-navigation-sub .semi-navigation-item>.semi-rtl .semi-navigation-sub .semi-navigation-item-text:first-child {
   margin-left: auto;
   margin-right: 44px
}

.semi-portal-rtl .semi-navigation-sub .semi-navigation-item>.semi-navigation-item-icon:first-child,
.semi-rtl .semi-navigation-sub .semi-navigation-item>.semi-navigation-item-icon:first-child {
   margin-right: 12px
}

.semi-portal-rtl .semi-navigation-header,
.semi-rtl .semi-navigation-header {
   align-items: center;
   box-sizing: border-box;
   display: inline-flex
}

.semi-portal-rtl .semi-navigation-header-logo,
.semi-rtl .semi-navigation-header-logo {
   display: inline-flex;
   margin-left: 8px;
   margin-right: 0
}

.semi-portal-rtl .semi-navigation-collapsed,
.semi-rtl .semi-navigation-collapsed {
   direction: rtl
}

.semi-portal-rtl .semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo,
.semi-rtl .semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo {
   margin-left: 0;
   margin-right: auto
}

.semi-portal-rtl .semi-navigation-vertical,
.semi-rtl .semi-navigation-vertical {
   direction: rtl
}

.semi-portal-rtl .semi-navigation-vertical .semi-navigation-header,
.semi-rtl .semi-navigation-vertical .semi-navigation-header {
   padding-left: 8px;
   padding-right: 5.5px
}

.semi-portal-rtl .semi-navigation-vertical .semi-navigation-header-collapsed,
.semi-rtl .semi-navigation-vertical .semi-navigation-header-collapsed {
   padding-left: 0;
   padding-right: 5.5px;
   transition: padding-right .1s ease-out, width .2s cubic-bezier(.62, .05, .36, .95)
}

.semi-portal-rtl .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn .semi-button-content-right,
.semi-rtl .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn .semi-button-content-right {
   margin-left: auto;
   margin-right: 12px;
   transition: opacity .2s cubic-bezier(.5, -.1, 1, .4)
}

.semi-portal-rtl .semi-navigation-horizontal,
.semi-rtl .semi-navigation-horizontal {
   border-left: none;
   border-right: auto;
   direction: rtl;
   padding-left: 24px;
   padding-right: 24px
}

.semi-portal-rtl .semi-navigation-horizontal .semi-navigation-header,
.semi-rtl .semi-navigation-horizontal .semi-navigation-header {
   margin-left: 24px;
   margin-right: auto
}

.semi-portal-rtl .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type),
.semi-rtl .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type) {
   margin-left: 8px;
   margin-right: auto
}

.semi-portal-rtl .semi-navigation-horizontal .semi-navigation-item-icon:last-child,
.semi-rtl .semi-navigation-horizontal .semi-navigation-item-icon:last-child {
   margin-left: auto;
   margin-right: 8px
}

.semi-portal-rtl .semi-navigation-horizontal .semi-navigation-item-icon:first-child,
.semi-rtl .semi-navigation-horizontal .semi-navigation-item-icon:first-child {
   margin-left: 8px;
   margin-right: auto
}

.semi-portal-rtl .semi-navigation-horizontal .semi-navigation-footer,
.semi-rtl .semi-navigation-horizontal .semi-navigation-footer {
   padding-left: 0;
   padding-right: auto
}

.semi-notification-wrapper {
   position: fixed
}

.semi-notification-list {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   pointer-events: none;
   position: fixed;
   z-index: 1010
}

.semi-notification-list[placement=topRight] {
   right: 0;
   top: 0
}

.semi-notification-list[placement=top] {
   left: 50%;
   top: 0;
   transform: translateX(-50%)
}

.semi-notification-list[placement=topLeft] {
   left: 0;
   top: 0
}

.semi-notification-list[placement=bottom] {
   bottom: 0;
   left: 50%;
   transform: translateX(-50%)
}

.semi-notification-list[placement=bottomRight] {
   bottom: 0;
   right: 0
}

.semi-notification-list[placement=bottomLeft] {
   bottom: 0;
   left: 0
}

.semi-notification-notice {
   background-color: var(--semi-color-bg-3);
   border-radius: var(--semi-border-radius-medium);
   box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 4px 14px 0 rgba(0, 0, 0, .1);
   display: flex;
   margin: 20px;
   min-width: 320px;
   padding-bottom: 16px;
   padding-left: 20px;
   padding-right: 12px;
   padding-top: 16px;
   pointer-events: auto;
   position: relative;
   width: auto
}

.semi-notification-notice-icon {
   align-items: flex-start;
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   height: 100%;
   justify-content: flex-start;
   line-height: 22px;
   margin-right: 12px;
   width: 24px
}

.semi-notification-notice-info {
   color: var(--semi-color-info)
}

.semi-notification-notice-warning {
   color: var(--semi-color-warning)
}

.semi-notification-notice-error {
   color: var(--semi-color-danger)
}

.semi-notification-notice-success {
   color: var(--semi-color-success)
}

.semi-notification-notice-light.semi-notification-notice-warning {
   background-color: var(--semi-color-bg-0);
   background-image: linear-gradient(0deg, var(--semi-color-warning-light-default), var(--semi-color-warning-light-default));
   border: 1px solid var(--semi-color-warning)
}

.semi-notification-notice-light.semi-notification-notice-success {
   background-color: var(--semi-color-bg-0);
   background-image: linear-gradient(0deg, var(--semi-color-success-light-default), var(--semi-color-success-light-default));
   border: 1px solid var(--semi-color-success)
}

.semi-notification-notice-light.semi-notification-notice-default,
.semi-notification-notice-light.semi-notification-notice-info {
   background-color: var(--semi-color-bg-0);
   background-image: linear-gradient(0deg, var(--semi-color-info-light-default), var(--semi-color-info-light-default));
   border: 1px solid var(--semi-color-info)
}

.semi-notification-notice-light.semi-notification-notice-error {
   background-color: var(--semi-color-bg-0);
   background-image: linear-gradient(0deg, var(--semi-color-danger-light-default), var(--semi-color-danger-light-default));
   border: 1px solid var(--semi-color-danger)
}

.semi-notification-notice-title {
   word-wrap: break-word;
   color: var(--semi-color-text-0);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   font-weight: 600;
   line-height: 22px;
   margin-bottom: 4px;
   overflow-wrap: break-word
}

.semi-notification-notice-inner {
   display: flex;
   min-width: 0;
   width: 100%
}

.semi-notification-notice-content-wrapper {
   flex: 1 1 auto;
   margin-right: 8px;
   min-width: 0
}

.semi-notification-notice-content {
   word-wrap: break-word;
   color: var(--semi-color-text-1);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   overflow-wrap: break-word
}

.semi-notification-notice-icon-close {
   height: 24px
}

.semi-notification-notice-icon-close .semi-icon-close {
   color: var(--semi-color-text-2)
}

.semi-notification-notice-controls {
   cursor: pointer;
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-notification-notice-detail,
.semi-notification-notice-later {
   flex-grow: 1;
   text-align: center
}

@keyframes semi-notification-slideShow_top {
   0% {
      opacity: 0;
      transform: translateY(-100%)
   }

   to {
      opacity: 1;
      transform: translateY(0)
   }
}

@keyframes semi-notification-slideHide_top {
   0% {
      opacity: 1;
      transform: translateY(0)
   }

   to {
      opacity: 0;
      transform: translateY(-100%)
   }
}

@keyframes semi-notification-slideShow_topLeft {
   0% {
      opacity: 0;
      transform: translateX(-100%)
   }

   to {
      opacity: 1;
      transform: translateX(0)
   }
}

@keyframes semi-notification-slideHide_topLeft {
   0% {
      opacity: 1;
      transform: translateX(0)
   }

   to {
      opacity: 0;
      transform: translateX(-100%)
   }
}

@keyframes semi-notification-slideShow_topRight {
   0% {
      opacity: 0;
      transform: translateX(100%)
   }

   to {
      opacity: 1;
      transform: translateX(0)
   }
}

@keyframes semi-notification-slideHide_topRight {
   0% {
      opacity: 1;
      transform: translateX(0)
   }

   to {
      opacity: 0;
      transform: translateX(100%)
   }
}

@keyframes semi-notification-slideShow_bottom {
   0% {
      opacity: 0;
      transform: translateY(100%)
   }

   to {
      opacity: 1;
      transform: translateY(0)
   }
}

@keyframes semi-notification-slideHide_bottom {
   0% {
      opacity: 1;
      transform: translateY(0)
   }

   to {
      opacity: 0;
      transform: translateY(100%)
   }
}

@keyframes semi-notification-slideShow_bottomLeft {
   0% {
      opacity: 0;
      transform: translateX(-100%)
   }

   to {
      opacity: 1;
      transform: translateX(0)
   }
}

@keyframes semi-notification-slideHide_bottomLeft {
   0% {
      opacity: 1;
      transform: translateX(0)
   }

   to {
      opacity: 0;
      transform: translateX(-100%)
   }
}

@keyframes semi-notification-slideShow_bottomRight {
   0% {
      opacity: 0;
      transform: translateX(100%)
   }

   to {
      opacity: 1;
      transform: translateX(0)
   }
}

@keyframes semi-notification-slideHide_bottomRight {
   0% {
      opacity: 1;
      transform: translateX(0)
   }

   to {
      opacity: 0;
      transform: translateX(100%)
   }
}

.semi-notification-notice-animation-show_top {
   animation: semi-notification-slideShow_top .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_top {
   animation: semi-notification-slideHide_top .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-show_topLeft {
   animation: semi-notification-slideShow_topLeft .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_topLeft {
   animation: semi-notification-slideHide_topLeft .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-show_topRight {
   animation: semi-notification-slideShow_topRight .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_topRight {
   animation: semi-notification-slideHide_topRight .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-show_bottom {
   animation: semi-notification-slideShow_bottom .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_bottom {
   animation: semi-notification-slideHide_bottom .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-show_bottomLeft {
   animation: semi-notification-slideShow_bottomLeft .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_bottomLeft {
   animation: semi-notification-slideHide_bottomLeft .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-show_bottomRight {
   animation: semi-notification-slideShow_bottomRight .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_bottomRight {
   animation: semi-notification-slideHide_bottomRight .3s cubic-bezier(.62, .63, 0, 1.13) 0ms;
   animation-fill-mode: forwards
}

.semi-notification-notice.semi-notification-notice-rtl {
   padding-left: 12px;
   padding-right: 20px
}

.semi-notification-notice-rtl {
   direction: rtl
}

.semi-notification-notice-rtl .semi-notification-notice-icon {
   margin-right: 12px
}

.semi-notification-notice-rtl .semi-notification-notice-content-wrapper {
   margin-right: 8px
}

.semi-overflow-list {
   display: flex;
   flex-wrap: nowrap;
   min-width: 0
}

.semi-overflow-list-spacer {
   flex-shrink: 1;
   width: 1px
}

.semi-overflow-list-scroll-wrapper {
   display: flex;
   flex: 1 1;
   flex-wrap: nowrap;
   overflow-x: scroll
}

.semi-portal-rtl .semi-overflow-list,
.semi-rtl .semi-overflow-list {
   direction: rtl
}

.semi-page {
   align-items: center;
   display: flex;
   list-style: none;
   -webkit-margin-after: 0;
   margin-block-end: 0;
   -webkit-margin-before: 0;
   margin-block-start: 0;
   padding: 0
}

.semi-page,
.semi-page-small {
   font-family: PingFang SC, Noto Sans SC, sans-serif
}

.semi-page-small {
   color: var(--semi-color-text-2);
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   padding: 0 0
}

.semi-page-disabled {
   cursor: not-allowed
}

.semi-page-disabled .semi-page-total {
   color: var(--semi-color-disabled-text)
}

.semi-page-item {
   align-items: center;
   border: 0 solid transparent;
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 400;
   height: 32px;
   justify-content: center;
   line-height: 32px;
   margin-left: 4px;
   margin-right: 4px;
   min-width: 32px;
   text-align: center;
   transform: scale(var(--semi-transform_scale-none));
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-page-item:hover {
   border-color: transparent
}

.semi-page-item-rest-opening,
.semi-page-item:hover {
   background-color: var(--semi-color-fill-0);
   color: var(--semi-color-text-0)
}

.semi-page-item:active {
   background-color: var(--semi-color-fill-1);
   border-color: transparent;
   color: var(--semi-color-text-0)
}

.semi-page-item-active {
   font-weight: 600
}

.semi-page-item-active,
.semi-page-item-active:hover {
   background-color: var(--semi-color-primary-light-default);
   border-color: transparent;
   color: var(--semi-color-primary)
}

.semi-page-item-disabled {
   border-color: transparent;
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-page-item-disabled,
.semi-page-item-disabled:hover {
   background-color: transparent
}

.semi-page-item-small {
   margin: 0;
   min-width: 44px
}

.semi-page-item-all-disabled {
   border-color: transparent;
   cursor: not-allowed
}

.semi-page-item-all-disabled,
.semi-page-item-all-disabled:hover {
   background-color: transparent;
   color: var(--semi-color-disabled-text)
}

.semi-page-item-all-disabled-active {
   font-weight: 600
}

.semi-page-item-all-disabled-active,
.semi-page-item-all-disabled-active:hover {
   background-color: var(--semi-color-disabled-fill)
}

.semi-page-total {
   color: var(--semi-color-text-2);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-page-next,
.semi-page-prev {
   color: var(--semi-color-tertiary);
   cursor: pointer
}

.semi-page-next.semi-page-item-disabled,
.semi-page-prev.semi-page-item-disabled {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-page-quickjump {
   align-items: center;
   color: var(--semi-color-text-0);
   display: flex;
   flex-shrink: 0;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   justify-content: center;
   line-height: 22px;
   margin-left: 24px
}

.semi-page-quickjump-input-number {
   margin-left: 4px;
   margin-right: 4px;
   max-width: 50px
}

.semi-page-quickjump-disabled {
   color: var(--semi-color-disabled-text)
}

.semi-page .semi-select,
.semi-select-dropdown {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-page-rest-list {
   padding-bottom: 4px;
   padding-top: 4px
}

.semi-page-rest-list>div {
   position: relative
}

.semi-page-rest-item {
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
   height: 32px;
   justify-content: center;
   line-height: 32px
}

.semi-page-rest-item:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-page-rest-item:active {
   background-color: var(--semi-color-fill-1)
}

.semi-portal-rtl .semi-page,
.semi-rtl .semi-page {
   direction: rtl
}

.semi-portal-rtl .semi-page-item,
.semi-rtl .semi-page-item {
   margin-left: 4px;
   margin-right: 4px
}

.semi-portal-rtl .semi-page-next,
.semi-portal-rtl .semi-page-prev,
.semi-rtl .semi-page-next,
.semi-rtl .semi-page-prev {
   transform: scaleX(-1)
}

.semi-select-option {
   align-items: center;
   border-radius: 0;
   box-sizing: border-box;
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: flex;
   flex-wrap: nowrap;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
   position: relative;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   word-break: break-all
}

.semi-select-option-icon {
   align-content: center;
   color: transparent;
   display: flex;
   justify-content: center;
   margin-right: 8px;
   width: 12px
}

.semi-select-option-text {
   display: flex;
   flex-wrap: wrap;
   white-space: pre
}

.semi-select-option-keyword {
   background-color: inherit;
   color: var(--semi-color-primary);
   font-weight: 600
}

.semi-select-option:active {
   background-color: var(--semi-color-fill-1)
}

.semi-select-option-empty {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed;
   justify-content: center
}

.semi-select-option-empty:active,
.semi-select-option-empty:hover {
   background-color: inherit
}

.semi-select-option-disabled {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-select-option-disabled:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-select-option-selected {
   background: transparent;
   font-weight: 600
}

.semi-select-option-selected .semi-select-option-icon {
   color: var(--semi-color-text-2)
}

.semi-select,
.semi-select-option-focused {
   background-color: var(--semi-color-fill-0)
}

.semi-select {
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-small);
   box-sizing: border-box;
   cursor: pointer;
   display: inline-flex;
   font-weight: 400;
   height: 32px;
   max-height: 300px;
   outline: none;
   overflow-y: auto;
   position: relative;
   transform: scale(var(--semi-transform_scale-none));
   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);
   vertical-align: middle
}

.semi-select:hover {
   background-color: var(--semi-color-fill-1);
   border: 1px solid transparent
}

.semi-select:focus {
   background-color: var(--semi-color-fill-0);
   border: 1px solid var(--semi-color-focus-border);
   outline: 0
}

.semi-select:active {
   background-color: var(--semi-color-fill-2)
}

.semi-select-small {
   height: 24px;
   line-height: 24px
}

.semi-select-large {
   line-height: 40px;
   min-height: 40px
}

.semi-select-large .semi-select-selection {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   line-height: 22px
}

.semi-select-focus,
.semi-select-open {
   border: 1px solid var(--semi-color-focus-border);
   outline: 0
}

.semi-select-focus:hover,
.semi-select-open:hover {
   background-color: var(--semi-color-fill-0);
   border: 1px solid var(--semi-color-focus-border)
}

.semi-select-focus:active,
.semi-select-open:active {
   background-color: var(--semi-color-fill-2);
   border: 1px solid var(--semi-color-focus-border)
}

.semi-select-warning {
   background-color: var(--semi-color-warning-light-default);
   border-color: var(--semi-color-warning-light-default)
}

.semi-select-warning:hover {
   background-color: var(--semi-color-warning-light-hover);
   border-color: var(--semi-color-warning-light-hover)
}

.semi-select-warning:focus {
   background-color: var(--semi-color-warning-light-default);
   border-color: var(--semi-color-warning)
}

.semi-select-warning:active {
   background-color: var(--semi-color-warning-light-active);
   border-color: var(--semi-color-warning-light-active)
}

.semi-select-error {
   background-color: var(--semi-color-danger-light-default);
   border-color: var(--semi-color-danger-light-default)
}

.semi-select-error:hover {
   background-color: var(--semi-color-danger-light-hover);
   border-color: var(--semi-color-danger-light-hover)
}

.semi-select-error:focus {
   background-color: var(--semi-color-danger-light-default);
   border-color: var(--semi-color-danger)
}

.semi-select-error:active {
   background-color: var(--semi-color-danger-light-active);
   border-color: var(--semi-color-danger-light-active)
}

.semi-select-disabled {
   cursor: not-allowed
}

.semi-select-disabled,
.semi-select-disabled:focus,
.semi-select-disabled:hover {
   background-color: var(--semi-color-disabled-fill)
}

.semi-select-disabled:focus {
   border: 1px solid transparent
}

.semi-select-disabled .semi-select-selection,
.semi-select-disabled .semi-select-selection-placeholder {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-select-disabled .semi-select-arrow,
.semi-select-disabled .semi-select-prefix,
.semi-select-disabled .semi-select-suffix,
.semi-select-disabled .semi-tag {
   color: var(--semi-color-disabled-text)
}

.semi-select-disabled .semi-tag {
   background-color: transparent
}

.semi-select-selection {
   align-items: center;
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: flex;
   flex-grow: 1;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   height: 100%;
   line-height: 22px;
   margin-left: 12px;
   overflow: hidden
}

.semi-select-selection-text {
   overflow: hidden;
   text-overflow: ellipsis;
   width: 100%
}

.semi-select-selection-text-inactive {
   display: flex;
   opacity: .4
}

.semi-select-selection-text-hide {
   display: none
}

.semi-select-selection-placeholder {
   color: var(--semi-color-text-2)
}

.semi-select-selection .semi-tag {
   margin-bottom: 1px;
   margin-right: 4px;
   margin-top: 1px
}

.semi-select-selection .semi-tag:first-of-type {
   margin-left: 0
}

.semi-select-selection .semi-tag-group {
   height: inherit
}

.semi-select-selection .semi-tag-group .semi-tag {
   margin-bottom: 1px;
   margin-right: 4px;
   margin-top: 1px
}

.semi-select-content-wrapper {
   align-items: center;
   display: flex;
   height: 100%;
   overflow: hidden;
   white-space: nowrap
}

.semi-select-content-wrapper-collapse {
   display: inline-flex;
   flex-shrink: 0;
   width: 100%
}

.semi-select-content-wrapper-collapse .semi-overflow-list-overflow {
   max-width: 100%;
   min-width: 50px
}

.semi-select-content-wrapper-collapse>.semi-select-content-wrapper-collapse-tag {
   background-color: transparent
}

.semi-select-content-wrapper-collapse>.semi-select-content-wrapper-collapse-N {
   background-color: transparent;
   color: var(--semi-color-text-0);
   font-size: 12px;
   padding: 4px
}

.semi-select-multiple {
   height: auto
}

.semi-select-multiple .semi-select-selection {
   margin-left: 4px
}

.semi-select-multiple .semi-select-content-wrapper {
   flex-wrap: wrap;
   min-height: 30px;
   width: 100%
}

.semi-select-multiple .semi-select-content-wrapper-empty {
   margin-left: 8px
}

.semi-select-multiple .semi-select-content-wrapper .semi-tag-group {
   align-items: center;
   display: flex
}

.semi-select-multiple .semi-select-content-wrapper-one-line {
   flex-wrap: nowrap
}

.semi-select-multiple .semi-select-content-wrapper-one-line .semi-tag-group {
   flex-shrink: 0;
   flex-wrap: nowrap;
   justify-content: flex-start;
   overflow: hidden
}

.semi-select-multiple .semi-select-inline-label-wrapper {
   flex-shrink: 0
}

.semi-select-multiple.semi-select-large .semi-select-content-wrapper {
   min-height: 38px
}

.semi-select-multiple.semi-select-small .semi-select-content-wrapper {
   min-height: 22px
}

.semi-select-arrow {
   align-items: center;
   color: var(--semi-color-text-2);
   display: flex;
   flex-shrink: 0;
   justify-content: center;
   transform: rotate(var(--semi-transform-rotate-none));
   width: 32px
}

.semi-select-arrow-empty {
   display: flex;
   width: 12px
}

.semi-select-prefix,
.semi-select-suffix {
   align-items: center;
   display: flex;
   justify-content: center
}

.semi-select-prefix-text,
.semi-select-suffix-text {
   margin: 0 12px
}

.semi-select-prefix-icon,
.semi-select-suffix-icon {
   color: var(--semi-color-text-2);
   margin: 0 8px
}

.semi-select-clear,
.semi-select-suffix {
   align-items: center;
   display: flex;
   justify-content: center
}

.semi-select-clear {
   color: var(--semi-color-text-2);
   flex-shrink: 0;
   width: 32px
}

.semi-select-clear:hover {
   color: var(--semi-color-primary)
}

.semi-select-inset-label-wrapper {
   display: inline
}

.semi-select-inset-label {
   color: var(--semi-color-text-2);
   flex-shrink: 0;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
   margin-right: 12px;
   white-space: nowrap
}

.semi-select-create-tips {
   color: var(--semi-color-text-2);
   margin-right: 4px
}

.semi-select-with-prefix .semi-select-selection {
   margin-left: 0
}

.semi-select-single.semi-select-filterable .semi-select-content-wrapper {
   flex-grow: 1;
   height: 100%;
   overflow: hidden;
   position: relative
}

.semi-select-single.semi-select-filterable .semi-input-wrapper {
   background-color: transparent;
   border: none;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%
}

.semi-select-single.semi-select-filterable .semi-input-wrapper-focus {
   border: none
}

.semi-select-single.semi-select-filterable .semi-input {
   height: 100%;
   padding-left: 0;
   padding-right: 0
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper {
   flex-grow: 1;
   height: 100%;
   overflow: hidden;
   position: relative
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper {
   height: 24px;
   line-height: 24px
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper .semi-input-default {
   height: 24px
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper .semi-input-default {
   height: 100%
}

.semi-select-multiple.semi-select-filterable .semi-input-wrapper {
   background-color: transparent;
   border: none;
   height: 100%;
   width: 100%
}

.semi-select-multiple.semi-select-filterable .semi-input-wrapper-focus {
   border: none
}

.semi-select-multiple.semi-select-filterable .semi-input {
   padding-left: 0;
   padding-right: 0
}

.semi-select-multiple.semi-select-filterable.semi-select-large .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper-large {
   height: 24px;
   line-height: 24px
}

.semi-select-multiple.semi-select-filterable.semi-select-large .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper-large .semi-input-large {
   height: 24px
}

.semi-select-multiple.semi-select-filterable.semi-select-small .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper {
   height: 20px;
   line-height: 20px
}

.semi-select-multiple.semi-select-filterable.semi-select-small .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper .semi-input-small {
   height: 20px
}

.semi-select-option-list-wrapper {
   padding-bottom: 4px;
   padding-left: 0;
   padding-right: 0;
   padding-top: 4px
}

.semi-select-option-list {
   overflow-x: hidden;
   overflow-y: auto
}

.semi-select-option-list-chosen .semi-select-option-icon {
   display: flex
}

.semi-select-group {
   color: var(--semi-color-text-2);
   cursor: default;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px;
   margin-top: 4px;
   padding-bottom: 4px;
   padding-left: 32px;
   padding-right: 16px;
   padding-top: 12px
}

.semi-select-group:not(:first-of-type) {
   border-top: 1px solid var(--semi-color-border)
}

.semi-select-loading-wrapper {
   box-sizing: content-box;
   cursor: not-allowed;
   height: 20px;
   padding-bottom: 8px;
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 8px
}

.semi-select-borderless:not(:focus-within):not(:hover) {
   background-color: transparent;
   border-color: transparent
}

.semi-select-borderless:not(:focus-within):not(:hover) .semi-select-arrow {
   opacity: 0
}

.semi-select-borderless:focus-within:not(:active) {
   background-color: transparent
}

.semi-select-borderless.semi-select-error:not(:focus-within) {
   border-color: var(--semi-color-danger)
}

.semi-select-borderless.semi-select-warning:not(:focus-within) {
   border-color: var(--semi-color-warning)
}

.semi-select-borderless.semi-select-error:focus-within {
   border-color: var(--semi-color-danger)
}

.semi-select-borderless.semi-select-warning:focus-within {
   border-color: var(--semi-color-warning)
}

.semi-select-dropdown-search-wrapper {
   border-bottom: 1px solid transparent;
   padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px
}

.semi-portal-rtl .semi-select,
.semi-rtl .semi-select {
   direction: rtl
}

.semi-portal-rtl .semi-select-selection,
.semi-rtl .semi-select-selection {
   margin-left: 0;
   margin-right: 12px
}

.semi-portal-rtl .semi-select-selection .semi-tag:first-of-type,
.semi-rtl .semi-select-selection .semi-tag:first-of-type {
   margin-right: 0
}

.semi-portal-rtl .semi-select-selection .semi-tag-group .semi-tag,
.semi-rtl .semi-select-selection .semi-tag-group .semi-tag {
   margin-left: 4px;
   margin-right: 0
}

.semi-portal-rtl .semi-select-multiple .semi-select-selection,
.semi-rtl .semi-select-multiple .semi-select-selection {
   margin-left: 0;
   margin-right: 4px
}

.semi-portal-rtl .semi-select-multiple .semi-select-content-wrapper-empty,
.semi-rtl .semi-select-multiple .semi-select-content-wrapper-empty {
   margin-left: 0;
   margin-right: 8px
}

.semi-portal-rtl .semi-select-inset-label,
.semi-rtl .semi-select-inset-label {
   margin-left: 12px
}

.semi-portal-rtl .semi-select-create-tips,
.semi-rtl .semi-select-create-tips {
   margin-left: 4px;
   margin-right: 0
}

.semi-portal-rtl .semi-select-with-prefix .semi-select-selection,
.semi-rtl .semi-select-with-prefix .semi-select-selection {
   margin-left: auto;
   margin-right: 0
}

.semi-portal-rtl .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper,
.semi-portal-rtl .semi-select-single.semi-select-filterable .semi-input-wrapper,
.semi-rtl .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper,
.semi-rtl .semi-select-single.semi-select-filterable .semi-input-wrapper {
   left: auto;
   right: 0
}

.semi-portal-rtl .semi-select-group,
.semi-rtl .semi-select-group {
   padding-left: 32px;
   padding-right: 16px
}

.semi-portal-rtl .semi-select-option-icon,
.semi-rtl .semi-select-option-icon {
   margin-left: 8px;
   margin-right: 0
}

.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 {
   color: var(--semi-color-text-0);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   font-weight: 600;
   line-height: 22px;
   margin-bottom: 8px
}

.semi-popconfirm-header-icon {
   height: 24px;
   margin-right: 12px;
   width: 24px
}

.semi-popconfirm-header .semi-icon-alert_triangle {
   color: var(--semi-color-warning)
}

.semi-popconfirm-header-body {
   display: inline-flex;
   flex-direction: column;
   flex-grow: 1
}

.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 {
   display: flex;
   justify-content: flex-end;
   margin-top: 25px
}

.semi-popconfirm-footer>.semi-button:first-child:not(:last-child) {
   margin-right: 8px
}

.semi-popconfirm-popover {
   border-radius: var(--semi-border-radius-medium)
}

.semi-popover-with-arrow .semi-popconfirm-inner {
   padding: 12px 12px 12px 8px
}

.semi-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-left: 12px;
   margin-right: 0
}

.semi-popconfirm-rtl .semi-popconfirm-footer {
   justify-content: flex-end
}

.semi-popconfirm-rtl .semi-popconfirm-footer>.semi-button:first-child:not(:last-child) {
   margin-left: 8px;
   margin-right: 0
}

.semi-popover-with-arrow.semi-popconfirm-rtl {
   direction: rtl
}

.semi-popover-with-arrow.semi-popconfirm-rtl .semi-popconfirm-inner {
   padding: 12px 8px 12px 12px
}

.semi-progress {
   align-items: center;
   display: flex
}

.semi-progress-track {
   background-color: var(--semi-color-fill-0);
   border-radius: var(--semi-border-radius-small)
}

.semi-progress-horizontal {
   height: 4px;
   margin-bottom: 4px;
   margin-top: 4px
}

.semi-progress-horizontal.semi-progress-large {
   height: 6px
}

.semi-progress-horizontal .semi-progress-track {
   height: 100%;
   width: 100%
}

.semi-progress-horizontal .semi-progress-track-inner {
   background-color: var(--semi-color-success);
   border-radius: var(--semi-border-radius-small);
   height: 100%;
   transition: width .3s;
   transition-timing-function: cubic-bezier(.62, .05, .36, .95)
}

.semi-progress-horizontal .semi-progress-line-text {
   color: var(--semi-color-text-0);
   font-weight: 600;
   margin-left: 16px;
   min-width: 45px
}

.semi-progress-vertical {
   display: inline-flex;
   flex-direction: column;
   height: 100%;
   margin-left: 4px;
   margin-right: 4px;
   width: 4px
}

.semi-progress-vertical.semi-progress-large {
   width: 6px
}

.semi-progress-vertical .semi-progress-track {
   height: 100%;
   width: 100%
}

.semi-progress-vertical .semi-progress-track-inner {
   background-color: var(--semi-color-success);
   border-radius: var(--semi-border-radius-small);
   transition: height .3s;
   transition-timing-function: cubic-bezier(.62, .05, .36, .95);
   width: 100%
}

.semi-progress-vertical .semi-progress-line-text {
   font-weight: 600;
   margin-top: 8px
}

.semi-progress-circle {
   display: inline-block;
   position: relative
}

.semi-progress-circle-ring {
   display: block
}

.semi-progress-circle-ring-inner {
   transform: rotate(-90deg);
   transform-origin: 50% 50%;
   transition: stroke-dashoffset .3s;
   transition-timing-function: cubic-bezier(.62, .05, .36, .95)
}

.semi-progress-circle-text {
   color: var(--semi-color-mode-minor-text);
   left: 50%;
   position: absolute;
   text-align: center;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 100%
}

.semi-portal-rtl .semi-progress,
.semi-rtl .semi-progress {
   direction: rtl
}

.semi-portal-rtl .semi-progress-horizontal .semi-progress-line-text,
.semi-rtl .semi-progress-horizontal .semi-progress-line-text {
   margin-left: 0;
   margin-right: 16px
}

.semi-portal-rtl .semi-progress-circle-ring-inner,
.semi-rtl .semi-progress-circle-ring-inner {
   transform: rotate(-90deg);
   transform-origin: 50% 50%
}

.semi-portal-rtl .semi-progress-circle-text,
.semi-rtl .semi-progress-circle-text {
   left: auto;
   right: 50%;
   transform: translate(50%, -50%)
}

.semi-radio {
   box-sizing: border-box;
   column-gap: 8px;
   cursor: pointer;
   display: inline-flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   min-height: 20px;
   min-width: 16px;
   position: relative;
   text-align: left;
   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);
   vertical-align: bottom
}

.semi-radio.semi-radio-vertical {
   display: block
}

.semi-radio input[type=checkbox],
.semi-radio input[type=radio] {
   cursor: pointer;
   height: 100%;
   left: 0;
   margin: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   width: 100%
}

.semi-radio:hover .semi-radio-inner-display {
   border: solid 1px var(--semi-color-focus-border)
}

.semi-radio:hover.semi-radio-cardRadioGroup .semi-radio-inner-display {
   background: var(--semi-color-white)
}

.semi-radio:hover .semi-radio-inner-checked .semi-radio-inner-display {
   background: var(--semi-color-primary-hover);
   border-color: var(--semi-color-primary-hover)
}

.semi-radio:active.semi-radio-cardRadioGroup .semi-radio-inner-display {
   background: var(--semi-color-white)
}

.semi-radio:active .semi-radio-inner-checked .semi-radio-inner-display {
   background: var(--semi-color-primary-active);
   border-color: var(--semi-color-primary-active)
}

.semi-radio-buttonRadioComponent {
   background: var(--semi-color-fill-0);
   border-radius: var(--semi-border-radius-small);
   padding: 4px
}

.semi-radio-buttonRadioGroup {
   border-radius: var(--semi-border-radius-small);
   line-height: 16px;
   padding: 4px;
   position: relative
}

.semi-radio-buttonRadioGroup:not(:last-child) {
   padding-right: 0
}

.semi-radio-buttonRadioGroup-small {
   line-height: 16px;
   padding: 2px 4px
}

.semi-radio-buttonRadioGroup-large {
   line-height: 20px;
   padding: 4px
}

.semi-radio-cardRadioGroup {
   background: transparent;
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-small);
   flex-wrap: nowrap;
   padding: 12px 16px;
   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-radio-cardRadioGroup .semi-radio-inner {
   flex-shrink: 0
}

.semi-radio-cardRadioGroup .semi-radio-inner-display {
   background: var(--semi-color-white)
}

.semi-radio-cardRadioGroup .semi-radio-addon {
   color: var(--semi-color-text-0);
   font-size: 14px;
   font-weight: 600;
   line-height: 20px
}

.semi-radio-cardRadioGroup .semi-radio-extra {
   color: var(--semi-color-text-2);
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   padding-left: 0
}

.semi-radio-cardRadioGroup:active {
   background: var(--semi-color-fill-1)
}

.semi-radio-cardRadioGroup_checked {
   background: var(--semi-color-primary-light-default);
   border: 1px solid var(--semi-color-primary)
}

.semi-radio-cardRadioGroup_checked:hover {
   border: 1px solid var(--semi-color-primary-hover)
}

.semi-radio-cardRadioGroup_checked:hover .semi-radio-inner-checked .semi-radio-inner-display {
   border-color: var(--semi-color-primary-hover)
}

.semi-radio-cardRadioGroup_checked:active {
   background: var(--semi-color-primary-light-default);
   border: 1px solid var(--semi-color-primary-active)
}

.semi-radio-cardRadioGroup_checked:active .semi-radio-inner-checked .semi-radio-inner-display {
   border-color: var(--semi-color-primary-active)
}

.semi-radio-cardRadioGroup_checked:active .semi-radio-inner-checked:hover .semi-radio-inner-display {
   background: var(--semi-color-primary-active)
}

.semi-radio-cardRadioGroup_hover {
   background: var(--semi-color-fill-0)
}

.semi-radio-cardRadioGroup_disabled:active {
   background: transparent
}

.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup {
   background: var(--semi-color-primary-light-default);
   border: 1px solid var(--semi-color-primary-disabled)
}

.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup .semi-radio-inner-checked .semi-radio-inner-display,
.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup:hover .semi-radio-inner-checked .semi-radio-inner-display {
   border-color: var(--semi-color-primary-disabled)
}

.semi-radio.semi-radio-disabled:active .semi-radio-inner-display,
.semi-radio.semi-radio-disabled:hover .semi-radio-inner-display {
   background: var(--semi-color-disabled-fill);
   border: solid 1px var(--semi-color-border)
}

.semi-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display,
.semi-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display {
   background: var(--semi-color-primary-disabled);
   border-color: var(--semi-color-primary-disabled)
}

.semi-radio-inner {
   display: inline-flex;
   height: 16px;
   margin-top: 2px;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   vertical-align: sub;
   width: 16px
}

.semi-radio-inner-display {
   align-items: center;
   background: transparent;
   border: solid 1px var(--semi-color-text-3);
   border-radius: 16px;
   box-sizing: border-box;
   display: inline-flex;
   height: 16px;
   justify-content: center;
   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);
   width: 16px
}

.semi-radio-inner-display .semi-icon {
   font-size: 14px;
   height: 100%;
   width: 100%
}

.semi-radio-content {
   display: flex;
   flex-direction: column;
   row-gap: 4px
}

.semi-radio:hover .semi-radio-inner-display {
   background: var(--semi-color-fill-0)
}

.semi-radio:active .semi-radio-inner-display {
   background: var(--semi-color-fill-1)
}

.semi-radio-addon {
   align-items: center;
   color: var(--semi-color-text-0);
   display: inline-flex;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-radio-addon-buttonRadio {
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-text-1);
   font-size: 12px;
   font-weight: 600;
   padding: 4px 16px;
   text-align: center;
   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-radio-addon-buttonRadio-hover {
   background: var(--semi-color-fill-1);
   font-weight: 600
}

.semi-radio-addon-buttonRadio-checked {
   background: var(--semi-color-bg-3);
   color: var(--semi-color-primary);
   font-weight: 600
}

.semi-radio-addon-buttonRadio-disabled {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-radio-addon-buttonRadio-small {
   font-size: 12px;
   padding: 2px 16px
}

.semi-radio-addon-buttonRadio-large {
   font-size: 14px;
   padding: 6px 24px
}

.semi-radio .semi-radio-inner-checked:hover .semi-radio-inner-display {
   background: var(--semi-color-primary-hover)
}

.semi-radio .semi-radio-inner-checked:active .semi-radio-inner-display {
   background: var(--semi-color-primary-active)
}

.semi-radio .semi-radio-inner-checked .semi-radio-inner-display {
   background: var(--semi-color-primary);
   border: solid 1px var(--semi-color-primary);
   border-radius: 16px;
   color: rgba(var(--semi-white), 1)
}

.semi-radio .semi-radio-inner-checked>.semi-radio-addon {
   color: var(--semi-color-text-0)
}

.semi-radio .semi-radio-inner-buttonRadio,
.semi-radio .semi-radio-inner-pureCardRadio {
   height: 100%;
   left: 0;
   margin-top: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1
}

.semi-radio-disabled,
.semi-radio-disabled .semi-radio-inner,
.semi-radio-disabled:hover {
   cursor: not-allowed
}

.semi-radio-disabled .semi-radio-inner-display {
   background: var(--semi-color-disabled-fill);
   border-color: var(--semi-color-border);
   opacity: .75
}

.semi-radio-disabled .semi-radio-inner-display:hover {
   background: transparent
}

.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display,
.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
   background: var(--semi-color-primary-disabled);
   border-color: var(--semi-color-primary-disabled)
}

.semi-radio-disabled .semi-radio-addon,
.semi-radio-disabled .semi-radio-extra {
   color: var(--semi-color-disabled-text)
}

.semi-radio-extra {
   box-sizing: border-box;
   color: var(--semi-color-text-2)
}

.semi-radio-focus {
   outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-radio-focus-border {
   border: solid 1px var(--semi-color-focus-border)
}

.semi-radioGroup {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-radioGroup-vertical {
   display: flex;
   flex-direction: column;
   row-gap: 12px
}

.semi-radioGroup-vertical-card .semi-radio,
.semi-radioGroup-vertical-default .semi-radio {
   display: flex
}

.semi-radioGroup-horizontal {
   display: inline-flex;
   flex-wrap: wrap;
   gap: 16px;
   vertical-align: bottom
}

.semi-radioGroup-buttonRadio {
   background: var(--semi-color-fill-0);
   border-radius: var(--semi-border-radius-small);
   display: inline-block;
   vertical-align: middle
}

.semi-portal-rtl .semi-radio,
.semi-rtl .semi-radio {
   direction: rtl
}

.semi-portal-rtl .semi-radio input[type=checkbox],
.semi-portal-rtl .semi-radio input[type=radio],
.semi-rtl .semi-radio input[type=checkbox],
.semi-rtl .semi-radio input[type=radio] {
   left: auto;
   right: 0
}

.semi-portal-rtl .semi-radio-buttonRadioGroup:not(:last-child),
.semi-rtl .semi-radio-buttonRadioGroup:not(:last-child) {
   padding-left: 0
}

.semi-portal-rtl .semi-radioGroup,
.semi-rtl .semi-radioGroup {
   direction: rtl
}

.semi-rating {
   border-radius: 3px;
   color: rgba(var(--semi-yellow-5), 1);
   display: inline-block;
   list-style: none;
   margin: 0;
   outline: none;
   padding: 0
}

.semi-rating-focus {
   outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-rating-no-focus {
   outline: none
}

.semi-rating-disabled .semi-rating-star {
   cursor: default
}

.semi-rating-disabled .semi-rating-star:hover {
   transform: scale(1)
}

.semi-rating-star {
   color: inherit;
   cursor: pointer;
   display: inline-block;
   margin: 0;
   padding: 0;
   position: relative;
   transform: scale(var(--semi-transform_scale-none));
   transition: all .5s
}

.semi-rating-star:not(:last-child) {
   margin-right: 6px
}

.semi-rating-star>div:focus,
.semi-rating-star>div:hover {
   transform: scale(1.1)
}

.semi-rating-star>div.semi-rating-star-disabled {
   transform: none
}

.semi-rating-star-small {
   font-size: 16px;
   height: 16px;
   width: 16px
}

.semi-rating-star-default {
   font-size: 24px;
   height: 24px;
   width: 24px
}

.semi-rating-star-wrapper {
   border-radius: 3px;
   height: 100%;
   overflow: hidden;
   position: relative;
   width: 100%
}

.semi-rating-star-first,
.semi-rating-star-second {
   color: var(--semi-color-fill-0);
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-rating-star-first {
   height: 100%;
   left: 0;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 50%
}

.semi-rating-star-half .semi-rating-star-first,
.semi-rating-star-half .semi-rating-star-second {
   opacity: 1
}

.semi-rating-star-full .semi-rating-star-second,
.semi-rating-star-half .semi-rating-star-first {
   color: inherit
}

.semi-portal-rtl .semi-rating,
.semi-rtl .semi-rating {
   direction: rtl
}

.semi-portal-rtl .semi-rating-star:not(:last-child),
.semi-rtl .semi-rating-star:not(:last-child) {
   margin-left: 6px;
   margin-right: 0
}

.semi-portal-rtl .semi-rating-star-first,
.semi-rtl .semi-rating-star-first {
   left: auto;
   right: 0
}

.semi-sidesheet {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   height: 100%;
   left: 0;
   line-height: 22px;
   margin: 0;
   position: fixed;
   top: 0
}

.semi-sidesheet-content:focus,
.semi-sidesheet-inner:focus {
   outline: none
}

.semi-sidesheet-inner-wrap {
   position: absolute
}

.semi-sidesheet-left,
.semi-sidesheet-right {
   height: 100%;
   top: 0;
   width: 0
}

.semi-sidesheet-left .semi-sidesheet-inner-wrap,
.semi-sidesheet-right .semi-sidesheet-inner-wrap {
   height: 100%
}

.semi-sidesheet-left.semi-sidesheet,
.semi-sidesheet-right.semi-sidesheet {
   width: 100%
}

.semi-sidesheet-right,
.semi-sidesheet-right .semi-sidesheet-inner-wrap {
   right: 0
}

.semi-sidesheet-bottom,
.semi-sidesheet-top {
   height: 0;
   left: 0;
   width: 100%
}

.semi-sidesheet-bottom .semi-sidesheet-inner-wrap,
.semi-sidesheet-top .semi-sidesheet-inner-wrap {
   width: 100%
}

.semi-sidesheet-bottom.semi-sidesheet,
.semi-sidesheet-top.semi-sidesheet {
   height: 100%
}

.semi-sidesheet-top {
   top: 0
}

.semi-sidesheet-bottom,
.semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
   bottom: 0
}

.semi-sidesheet-title {
   color: var(--semi-color-text-0);
   flex: 1 0 auto;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   margin: 0;
   text-align: left
}

.semi-sidesheet-inner {
   background-color: var(--semi-color-bg-2);
   border: 0;
   overflow: auto;
   z-index: 1
}

.semi-sidesheet-header {
   align-items: flex-start;
   border-bottom: 0 solid var(--semi-color-border);
   display: flex;
   padding: 24px;
   padding-bottom: 20px
}

.semi-sidesheet-body {
   flex: 1 1;
   overflow: auto;
   padding: 0 24px
}

.semi-sidesheet-size-small {
   width: 448px
}

.semi-sidesheet-size-medium {
   width: 684px
}

.semi-sidesheet-size-large {
   width: 920px
}

.semi-sidesheet-size-small.semi-sidesheet {
   width: 448px
}

.semi-sidesheet-size-medium.semi-sidesheet {
   width: 684px
}

.semi-sidesheet-size-large.semi-sidesheet {
   width: 920px
}

.semi-sidesheet-content {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden
}

.semi-sidesheet-mask {
   background-color: var(--semi-color-overlay-bg);
   height: 100%;
   left: 0;
   opacity: 1;
   position: absolute;
   top: 0;
   width: 100%
}

.semi-sidesheet-mask-hidden {
   display: none;
   opacity: 0
}

.semi-sidesheet-footer {
   padding: 24px
}

@keyframes semi-sidesheet-slideShow_top {
   0% {
      transform: translateY(-100%)
   }

   to {
      transform: translateY(0)
   }
}

@keyframes semi-sidesheet-slideHide_top {
   0% {
      transform: translateY(0)
   }

   to {
      transform: translateY(-100%)
   }
}

@keyframes semi-sidesheet-slideShow_bottom {
   0% {
      transform: translateY(100%)
   }

   to {
      transform: translateY(0)
   }
}

@keyframes semi-sidesheet-slideHide_bottom {
   0% {
      transform: translateY(0)
   }

   to {
      transform: translateY(100%)
   }
}

@keyframes semi-sidesheet-slideShow_left {
   0% {
      transform: translateX(-100%)
   }

   to {
      transform: translateX(0)
   }
}

@keyframes semi-sidesheet-slideHide_left {
   0% {
      transform: translateX(0)
   }

   to {
      transform: translateX(-100%)
   }
}

@keyframes semi-sidesheet-slideShow_right {
   0% {
      transform: translateX(100%)
   }

   to {
      transform: translateX(0)
   }
}

@keyframes semi-sidesheet-slideHide_right {
   0% {
      transform: translateX(0)
   }

   to {
      transform: translateX(100%)
   }
}

@keyframes semi-sidesheet-opacityShow {
   0% {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@keyframes semi-sidesheet-opacityHide {
   0% {
      opacity: 1
   }

   to {
      opacity: 0
   }
}

.semi-sidesheet-animation-content_show_top {
   animation: semi-sidesheet-slideShow_top .18s cubic-bezier(.25, .46, .45, .94) 0ms;
   animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_hide_top {
   animation: semi-sidesheet-slideHide_top .18s cubic-bezier(.25, .46, .45, .94) 0ms;
   animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_show_bottom {
   animation: semi-sidesheet-slideShow_bottom .18s cubic-bezier(.25, .46, .45, .94) 0ms;
   animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_hide_bottom {
   animation: semi-sidesheet-slideHide_bottom .18s cubic-bezier(.25, .46, .45, .94) 0ms;
   animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_show_left {
   animation: semi-sidesheet-slideShow_left .18s cubic-bezier(.25, .46, .45, .94) 0ms;
   animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_hide_left {
   animation: semi-sidesheet-slideHide_left .18s cubic-bezier(.25, .46, .45, .94) 0ms;
   animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_show_right {
   animation: semi-sidesheet-slideShow_right .18s cubic-bezier(.25, .46, .45, .94) 0ms;
   animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_hide_right {
   animation: semi-sidesheet-slideHide_right .18s cubic-bezier(.25, .46, .45, .94) 0ms;
   animation-fill-mode: forwards
}

.semi-sidesheet-animation-mask_show {
   animation: semi-sidesheet-opacityShow .18s cubic-bezier(.25, .46, .45, .94) 0ms;
   animation-fill-mode: forwards
}

.semi-sidesheet-animation-mask_hide {
   animation: semi-sidesheet-opacityHide .18s cubic-bezier(.25, .46, .45, .94) 0ms;
   animation-fill-mode: forwards
}

.semi-sidesheet-fixed .semi-sidesheet-inner {
   box-shadow: var(--semi-shadow-elevated)
}

.semi-sidesheet-fixed.semi-sidesheet-left,
.semi-sidesheet-fixed.semi-sidesheet-left .semi-sidesheet-inner {
   left: 0
}

.semi-sidesheet-fixed.semi-sidesheet-right {
   left: auto
}

.semi-sidesheet-fixed.semi-sidesheet-right .semi-sidesheet-inner {
   right: 0
}

.semi-sidesheet-fixed.semi-sidesheet-bottom,
.semi-sidesheet-fixed.semi-sidesheet-top {
   height: auto
}

.semi-sidesheet-fixed.semi-sidesheet-bottom {
   top: auto
}

.semi-sidesheet-fixed.semi-sidesheet-bottom .semi-sidesheet-inner {
   bottom: 0
}

.semi-sidesheet.semi-sidesheet-popup {
   position: absolute
}

.semi-sidesheet-hidden {
   display: none
}

.semi-sidesheet-rtl .semi-sidesheet-inner {
   direction: rtl
}

.semi-sidesheet-rtl .semi-sidesheet-title {
   text-align: right
}

.semi-slider {
   margin: 0;
   padding: 0 13px
}

.semi-slider-wrapper {
   box-sizing: border-box;
   display: inline-block;
   height: 32px;
   position: relative;
   vertical-align: bottom;
   width: 100%
}

.semi-slider-rail {
   font-feature-settings: "tnum";
   background-color: var(--semi-color-fill-0);
   border-radius: var(--semi-border-radius-small);
   color: rgba(0, 0, 0, .65);
   font-size: 14px;
   font-variant: tabular-nums;
   height: 4px;
   line-height: 1.5;
   list-style: none;
   margin: 0;
   padding: 0;
   top: 14px;
   width: 100%
}

.semi-slider-handle,
.semi-slider-rail {
   box-sizing: border-box;
   cursor: pointer;
   position: absolute;
   touch-action: none
}

.semi-slider-handle {
   align-items: center;
   background-color: var(--semi-color-white);
   border: none;
   border-radius: 50%;
   box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1), 0 0 1px 0 rgba(0, 0, 0, .3);
   display: inline-flex;
   height: 24px;
   justify-content: center;
   margin-top: 4px;
   transform: var(--semi-transform_scale-small) translateX(-50%) translateY(0);
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   width: 24px
}

.semi-slider-handle:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-slider-handle-dot {
   background: var(--semi-color-primary);
   border-radius: var(--semi-border-radius-circle);
   height: 4px;
   width: 4px
}

.semi-slider-handle:hover {
   background-color: var(--semi-color-white)
}

.semi-slider-handle-clicked {
   border: solid 1px var(--semi-color-focus-border);
   cursor: -webkit-grabbing;
   cursor: grabbing
}

.semi-slider-track {
   background: var(--semi-color-primary);
   border-radius: var(--semi-border-radius-small);
   cursor: pointer;
   height: 4px;
   position: absolute;
   top: 14px
}

.semi-slider-tooltip {
   position: absolute;
   top: -40px
}

.semi-slider-dots {
   background: transparent;
   width: 100%
}

.semi-slider-dot {
   border-radius: 50%;
   cursor: pointer;
   height: 4px;
   position: absolute;
   top: 14px;
   transform: translateX(0);
   width: 4px
}

.semi-slider-dot,
.semi-slider-dot-active {
   background-color: var(--semi-color-white)
}

.semi-slider-marks {
   font-size: 14px;
   left: 0;
   position: absolute;
   top: 23px;
   width: 100%
}

.semi-slider-mark {
   color: var(--semi-color-text-2);
   cursor: pointer;
   display: inline-block;
   position: absolute;
   text-align: center;
   transform: translate(-50%)
}

.semi-slider-marks-reverse {
   font-size: 14px;
   left: 0;
   position: absolute;
   top: 23px;
   width: 100%
}

.semi-slider-mark-reverse {
   color: var(--semi-color-text-2);
   cursor: pointer;
   display: inline-block;
   position: absolute;
   text-align: center;
   transform: translate(-50%) rotate(-180deg)
}

.semi-slider-boundary {
   color: var(--semi-color-text-0);
   font-size: 12px;
   position: relative;
   top: 30px;
   visibility: hidden
}

.semi-slider-boundary span {
   display: inline-block;
   position: absolute
}

.semi-slider-boundary-min {
   left: 0
}

.semi-slider-boundary-max {
   right: 0
}

.semi-slider-boundary-show {
   visibility: visible
}

.semi-slider-vertical-wrapper {
   height: 100%;
   width: 4px
}

.semi-slider-vertical-wrapper .semi-slider-track {
   width: 4px
}

.semi-slider-vertical-wrapper .semi-slider-marks {
   height: 100%;
   margin-left: 29px;
   margin-top: -30px
}

.semi-slider-vertical-wrapper .semi-slider-marks-reverse {
   height: 100%;
   margin-left: -26px;
   margin-top: -30px
}

.semi-slider-vertical-wrapper .semi-slider-rail {
   height: 100%;
   top: 0;
   width: 4px
}

.semi-slider-vertical-wrapper .semi-slider-handle {
   margin-left: -10px;
   margin-top: 0;
   transform: var(--semi-transform_scale-small) translateY(-50%) translateX(0)
}

.semi-slider-vertical-wrapper .semi-slider-dot {
   transform: translateY(0)
}

.semi-slider-disabled {
   cursor: not-allowed
}

.semi-slider-disabled .semi-slider-handle {
   border: 1px var(--semi-color-border) solid;
   box-shadow: none;
   cursor: not-allowed
}

.semi-slider-disabled .semi-slider-handle:hover {
   background-color: var(--semi-color-white)
}

.semi-slider-disabled .semi-slider-rail {
   cursor: not-allowed
}

.semi-slider-disabled .semi-slider-track {
   background-color: var(--semi-color-primary-disabled);
   cursor: not-allowed
}

.semi-slider-disabled .semi-slider-dot {
   background-color: var(--semi-color-white);
   border-color: var(--semi-color-white);
   box-shadow: none;
   cursor: not-allowed
}

.semi-slider-handle-tooltip {
   text-align: center
}

.semi-slider-reverse {
   transform: rotate(180deg)
}

.semi-steps .semi-col {
   flex: 1 1
}

.semi-steps-vertical .semi-row-flex {
   flex-direction: column
}

.semi-steps .semi-steps-item {
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-medium);
   box-sizing: border-box;
   display: flex;
   height: 72px;
   margin-right: 16px;
   overflow: hidden;
   padding: 12px 16px;
   position: relative;
   transform: scale(var(--semi-transform_scale-small));
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-steps .semi-steps-item .semi-steps-item-title {
   color: var(--semi-color-text-0);
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   position: relative;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-steps .semi-steps-item .semi-steps-item-description,
.semi-steps .semi-steps-item .semi-steps-item-title {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%
}

.semi-steps .semi-steps-item .semi-steps-item-description {
   color: var(--semi-color-text-2);
   font-size: 14px;
   line-height: 22px
}

.semi-steps .semi-steps-item-process {
   background-color: var(--semi-color-primary-light-default)
}

.semi-steps .semi-steps-item-process .semi-steps-item-left:not(.semi-steps-item-icon) {
   background: var(--semi-color-primary)
}

.semi-steps .semi-steps-item-process .semi-steps-item-icon,
.semi-steps .semi-steps-item-process .semi-steps-item-title {
   color: var(--semi-color-primary)
}

.semi-steps .semi-steps-item-wait .semi-steps-item-left:not(.semi-steps-item-icon) {
   background: var(--semi-color-text-2)
}

.semi-steps .semi-steps-item-wait .semi-steps-item-icon {
   color: var(--semi-color-text-2)
}

.semi-steps .semi-steps-item-finish .semi-icon,
.semi-steps .semi-steps-item-finish .semi-steps-item-title {
   color: var(--semi-color-success)
}

.semi-steps .semi-steps-item-finish-hover:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-steps .semi-steps-item-finish-hover:hover .semi-icon,
.semi-steps .semi-steps-item-finish-hover:hover .semi-steps-item-title {
   color: var(--semi-color-success-hover)
}

.semi-steps .semi-steps-item-finish-active:active {
   background-color: var(--semi-color-fill-1)
}

.semi-steps .semi-steps-item-finish-active:active .semi-icon,
.semi-steps .semi-steps-item-finish-active:active .semi-steps-item-title {
   color: var(--semi-color-success-active)
}

.semi-steps .semi-steps-item-error .semi-icon,
.semi-steps .semi-steps-item-error .semi-steps-item-title {
   color: var(--semi-color-danger)
}

.semi-steps .semi-steps-item-error-hover:hover {
   background: var(--semi-color-fill-0)
}

.semi-steps .semi-steps-item-error-hover:hover .semi-icon,
.semi-steps .semi-steps-item-error-hover:hover .semi-steps-item-title {
   color: var(--semi-color-danger-hover)
}

.semi-steps .semi-steps-item-error-active:active {
   background-color: var(--semi-color-fill-1)
}

.semi-steps .semi-steps-item-error-active:active .semi-icon,
.semi-steps .semi-steps-item-error-active:active .semi-steps-item-title {
   color: var(--semi-color-danger-active)
}

.semi-steps .semi-steps-item-warning .semi-icon,
.semi-steps .semi-steps-item-warning .semi-steps-item-title {
   color: var(--semi-color-warning)
}

.semi-steps .semi-steps-item-warning-hover:hover {
   background: var(--semi-color-fill-0)
}

.semi-steps .semi-steps-item-warning-hover:hover .semi-icon,
.semi-steps .semi-steps-item-warning-hover:hover .semi-steps-item-title {
   color: var(--semi-color-warning-hover)
}

.semi-steps .semi-steps-item-warning-active:active {
   background-color: var(--semi-color-fill-1)
}

.semi-steps .semi-steps-item-warning-active:active .semi-icon,
.semi-steps .semi-steps-item-warning-active:active .semi-steps-item-title {
   color: var(--semi-color-warning-active)
}

.semi-steps .semi-steps-item-clickable {
   cursor: pointer
}

.semi-steps .semi-steps-item-left {
   align-items: center;
   border-radius: 32px;
   display: flex;
   flex-grow: 0;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 20px;
   font-weight: 600;
   height: 24px;
   justify-content: center;
   line-height: 28px;
   text-align: center;
   width: 24px
}

.semi-steps .semi-steps-item-left.semi-steps-item-plain {
   color: rgba(var(--semi-white), 1)
}

.semi-steps .semi-steps-item-left-process {
   background: var(--semi-color-primary-light-default)
}

.semi-steps .semi-steps-item-content {
   flex: 1 1;
   margin-left: 16px;
   overflow: hidden
}

.semi-steps-basic.semi-steps-horizontal {
   display: flex;
   flex-flow: row nowrap
}

.semi-steps-basic.semi-steps-horizontal.semi-steps-hasline .semi-steps-item-title:after {
   background: var(--semi-color-fill-2);
   content: "";
   display: block;
   height: 1px;
   left: 100%;
   position: absolute;
   top: 50%;
   width: 9999px
}

.semi-steps-basic.semi-steps-horizontal .semi-steps-item {
   padding-left: 16px
}

.semi-steps-basic.semi-steps-horizontal .semi-steps-item:first-child {
   padding-left: 0
}

.semi-steps-basic.semi-steps-horizontal .semi-steps-item:last-child {
   flex: none
}

.semi-steps-basic.semi-steps-horizontal .semi-steps-item:last-child .semi-steps-item-title {
   max-width: 100%;
   padding-right: 0
}

.semi-steps-basic.semi-steps-horizontal .semi-steps-item:last-child .semi-steps-item-title:after {
   display: none
}

.semi-steps-basic.semi-steps-horizontal .semi-steps-item-done .semi-steps-item-container .semi-steps-item-title:after {
   background: var(--semi-color-primary)
}

.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-content {
   flex: 1 1
}

.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-description {
   color: var(--semi-color-text-2);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px;
   max-width: 268px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%
}

.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title {
   max-width: 80%
}

.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
   overflow: hidden;
   text-overflow: ellipsis;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   white-space: nowrap
}

.semi-steps-basic.semi-steps-vertical {
   display: flex;
   flex-flow: column nowrap
}

.semi-steps-basic.semi-steps-vertical .semi-steps-item-icon {
   box-sizing: content-box
}

.semi-steps-basic.semi-steps-vertical.semi-steps-small .semi-steps-item .semi-steps-item-content {
   min-height: 40px
}

.semi-steps-basic.semi-steps-vertical.semi-steps-hasline .semi-steps-item-icon:after {
   background: var(--semi-color-fill-2);
   content: "";
   display: block;
   height: 9999px;
   left: 50%;
   position: absolute;
   top: 100%;
   width: 1px
}

.semi-steps-basic.semi-steps-vertical .semi-steps-item {
   padding-top: 9px
}

.semi-steps-basic.semi-steps-vertical .semi-steps-item:first-child {
   padding-top: 0
}

.semi-steps-basic.semi-steps-vertical .semi-steps-item:last-child .semi-steps-item-icon:after {
   display: none
}

.semi-steps-basic.semi-steps-vertical .semi-steps-item-done .semi-steps-item-icon:after {
   background: var(--semi-color-primary)
}

.semi-steps-basic.semi-steps-vertical .semi-steps-item .semi-steps-item-content {
   min-height: 42px;
   padding-bottom: 22px
}

.semi-steps-basic.semi-steps-vertical .semi-steps-item .semi-steps-item-icon {
   display: inline-flex;
   padding-bottom: 9px;
   position: relative
}

.semi-steps-basic.semi-steps-vertical .semi-steps-item .semi-steps-item-description {
   color: var(--semi-color-text-2);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px;
   width: 100%
}

.semi-steps-basic.semi-steps-vertical .semi-steps-item .semi-steps-item-title {
   max-width: 100%
}

.semi-steps-basic.semi-steps-vertical .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-steps-basic .semi-steps-item {
   box-sizing: border-box;
   display: inline-block;
   flex: 1 1;
   overflow: hidden;
   position: relative;
   transform: scale(var(--semi-transform_scale-small));
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   vertical-align: top
}

.semi-steps-basic .semi-steps-item-clickable {
   cursor: pointer
}

.semi-steps-basic .semi-steps-item-hover:hover .semi-steps-item-description,
.semi-steps-basic .semi-steps-item-hover:hover .semi-steps-item-title {
   color: var(--semi-color-focus-border)
}

.semi-steps-basic .semi-steps-item .semi-steps-item-container {
   align-items: flex-start;
   display: flex
}

.semi-steps-basic .semi-steps-item .semi-steps-item-left {
   align-items: center;
   display: flex;
   justify-content: center;
   margin-right: 8px
}

.semi-steps-basic .semi-steps-item .semi-steps-item-left .semi-steps-item-icon {
   align-items: center;
   display: flex;
   height: 24px
}

.semi-steps-basic .semi-steps-item .semi-steps-item-left .semi-steps-item-number-icon {
   align-items: center;
   background: var(--semi-color-primary);
   border-radius: var(--semi-border-radius-circle);
   color: var(--semi-color-white);
   display: inline-flex;
   height: 24px;
   justify-content: center;
   line-height: 22px;
   width: 24px
}

.semi-steps-basic .semi-steps-item .semi-steps-item-left .semi-steps-item-number-icon,
.semi-steps-basic .semi-steps-item .semi-steps-item-title {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   font-weight: 600;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-steps-basic .semi-steps-item .semi-steps-item-title {
   color: var(--semi-color-text-0);
   display: inline-block;
   line-height: 24px;
   padding-bottom: 4px;
   padding-right: 16px;
   position: relative;
   vertical-align: top
}

.semi-steps-basic .semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {
   color: var(--semi-color-primary)
}

.semi-steps-basic .semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
   color: var(--semi-color-white)
}

.semi-steps-basic .semi-steps-item-wait .semi-steps-item-left .semi-steps-item-icon,
.semi-steps-basic .semi-steps-item-wait .semi-steps-item-title {
   color: var(--semi-color-text-2)
}

.semi-steps-basic .semi-steps-item-wait .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
   background: var(--semi-color-fill-0);
   color: var(--semi-color-text-2)
}

.semi-steps-basic .semi-steps-item-wait-hover:hover .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
   background: var(--semi-color-secondary-light-default);
   color: var(--semi-color-focus-border)
}

.semi-steps-basic .semi-steps-item-process .semi-steps-item-left .semi-steps-item-icon {
   color: var(--semi-color-primary)
}

.semi-steps-basic .semi-steps-item-process .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
   color: var(--semi-color-white)
}

.semi-steps-basic .semi-steps-item-error .semi-steps-item-left .semi-steps-item-icon {
   color: var(--semi-color-danger)
}

.semi-steps-basic .semi-steps-item-error .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
   color: var(--semi-color-primary)
}

.semi-steps-basic .semi-steps-item-warning .semi-steps-item-left .semi-steps-item-icon {
   color: var(--semi-color-warning)
}

.semi-steps-basic .semi-steps-item-warning .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
   color: var(--semi-color-white)
}

.semi-steps-basic.semi-steps-small .semi-steps-item .semi-steps-item-title {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-steps-basic.semi-steps-small .semi-steps-item .semi-steps-item-left .semi-steps-item-icon {
   height: 20px
}

.semi-steps-basic.semi-steps-small .semi-steps-item .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   height: 20px;
   line-height: 16px;
   width: 20px
}

.semi-steps-nav {
   display: inline-flex;
   flex-flow: row nowrap
}

.semi-steps-nav .semi-steps-item {
   box-sizing: border-box
}

.semi-steps-nav .semi-steps-item:last-child {
   flex: none
}

.semi-steps-nav .semi-steps-item:last-child .semi-steps-item-content {
   width: auto
}

.semi-steps-nav .semi-steps-item .semi-steps-item-container {
   align-items: center;
   color: var(--semi-color-text-2);
   display: flex
}

.semi-steps-nav .semi-steps-item .semi-steps-item-container .semi-steps-item-icon {
   color: var(--semi-grey-3);
   display: inline-flex;
   flex: 1 1;
   justify-content: center;
   min-width: 60px
}

.semi-steps-nav .semi-steps-item .semi-steps-item-content {
   display: inline-block;
   flex: 1 1
}

.semi-steps-nav .semi-steps-item .semi-steps-item-title {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   max-width: 17em;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-steps-nav .semi-steps-item-active .semi-steps-item-title {
   color: var(--semi-color-text-0);
   font-weight: 600
}

.semi-steps-nav.semi-steps-small .semi-steps-item .semi-steps-item-title {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-portal-rtl .semi-steps,
.semi-rtl .semi-steps {
   direction: rtl
}

.semi-portal-rtl .semi-steps-item,
.semi-rtl .semi-steps-item {
   margin-left: 16px;
   margin-right: auto
}

.semi-portal-rtl .semi-steps-item-content,
.semi-rtl .semi-steps-item-content {
   margin-left: auto;
   margin-right: 16px
}

.semi-portal-rtl .semi-steps-basic,
.semi-rtl .semi-steps-basic {
   direction: rtl
}

.semi-portal-rtl .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title,
.semi-rtl .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title {
   padding-left: 16px
}

.semi-portal-rtl .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title:after,
.semi-rtl .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title:after {
   right: 100%
}

.semi-portal-rtl .semi-steps-basic.semi-steps-vertical .semi-steps-item,
.semi-rtl .semi-steps-basic.semi-steps-vertical .semi-steps-item {
   margin: 0
}

.semi-portal-rtl .semi-steps-nav,
.semi-rtl .semi-steps-nav {
   direction: rtl
}

.semi-switch {
   background-color: var(--semi-color-fill-0);
   border: 1px solid transparent;
   border-radius: 12px;
   box-sizing: border-box;
   cursor: pointer;
   display: inline-block;
   height: 24px;
   position: relative;
   transition: background-color .2s var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   width: 40px
}

.semi-switch:hover {
   background-color: var(--semi-color-fill-1)
}

.semi-switch:active {
   border: 1px var(--semi-color-fill-2) solid
}

.semi-switch:active .semi-switch-knob {
   width: 24px
}

.semi-switch-focus {
   outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-switch-checked {
   background-color: var(--semi-color-success)
}

.semi-switch-checked:hover {
   background-color: var(--semi-color-success-hover)
}

.semi-switch-checked .semi-switch-knob {
   transform: translateX(18px)
}

.semi-switch-checked:active .semi-switch-knob {
   transform: translateX(12px)
}

.semi-switch-active {
   background-color: var(--semi-color-success-active)
}

.semi-switch-disabled {
   border: 1px var(--semi-color-border) solid;
   cursor: not-allowed
}

.semi-switch-disabled,
.semi-switch-disabled:active,
.semi-switch-disabled:hover {
   background-color: transparent
}

.semi-switch-disabled:active .semi-switch-knob {
   width: 18px
}

.semi-switch-disabled .semi-switch-knob {
   border: 1px var(--semi-color-border) solid;
   box-shadow: none;
   cursor: not-allowed
}

.semi-switch-disabled .semi-switch-native-control {
   cursor: not-allowed;
   pointer-events: none
}

.semi-switch-disabled.semi-switch-checked {
   border-color: transparent
}

.semi-switch-disabled.semi-switch-checked:active .semi-switch-knob {
   transform: translateX(18px)
}

.semi-switch-disabled.semi-switch-checked .semi-switch-knob {
   border: none;
   box-shadow: none
}

.semi-switch-knob {
   background-color: rgba(var(--semi-white), 1);
   border-radius: 9px;
   box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1), 0 0 1px 0 rgba(0, 0, 0, .3);
   box-sizing: border-box;
   cursor: pointer;
   height: 18px;
   left: 0;
   position: absolute;
   right: auto;
   top: 2px;
   transform: translateX(2px);
   transition: transform .2s ease-in-out, width .2s ease-in-out;
   width: 18px
}

.semi-switch-native-control {
   cursor: inherit;
   height: 100%;
   left: 0;
   margin: 0;
   opacity: 0;
   pointer-events: auto;
   position: absolute;
   top: 0;
   width: 100%
}

.semi-switch-native-control[type=checkbox] {
   height: inherit;
   width: inherit
}

.semi-switch-checked-text,
.semi-switch-unchecked-text {
   align-items: center;
   display: flex;
   font-size: 12px;
   height: 100%;
   justify-content: center;
   position: absolute;
   width: 20px
}

.semi-switch-checked-text {
   color: var(--semi-color-white)
}

.semi-switch-unchecked-text {
   color: var(--semi-color-text-2);
   right: 0
}

.semi-switch-loading {
   align-items: center;
   background-color: var(--semi-color-fill-1);
   display: inline-flex
}

.semi-switch-loading-spin .semi-spin-wrapper {
   align-items: center;
   color: var(--semi-color-white);
   display: inline-flex
}

.semi-switch-loading .semi-switch-loading-spin {
   transform: translateX(2px)
}

.semi-switch-loading .semi-switch-loading-spin>.semi-spin-wrapper>svg {
   height: 18px;
   width: 18px
}

.semi-switch-loading.semi-switch-checked {
   background-color: var(--semi-color-success-hover)
}

.semi-switch-loading.semi-switch-checked .semi-switch-loading-spin {
   transform: translateX(16px)
}

.semi-switch-loading.semi-switch-small .semi-switch-loading-spin {
   transform: translateX(2px)
}

.semi-switch-loading.semi-switch-small .semi-switch-loading-spin>.semi-spin-wrapper>svg {
   height: 10px;
   width: 10px
}

.semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin {
   transform: translateX(10px)
}

.semi-switch-loading.semi-switch-large .semi-switch-loading-spin {
   transform: translateX(2px)
}

.semi-switch-loading.semi-switch-large .semi-switch-loading-spin>.semi-spin-wrapper>svg {
   height: 28px;
   width: 28px
}

.semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin {
   transform: translateX(22px)
}

.semi-switch-disabled.semi-switch-checked {
   background-color: var(--semi-color-success-disabled)
}

.semi-switch-large {
   border-radius: 16px;
   height: 32px;
   width: 54px
}

.semi-switch-large .semi-switch-knob {
   border-radius: 12px;
   height: 24px;
   top: 3px;
   transform: translateX(3px);
   width: 24px
}

.semi-switch-large.semi-switch-checked .semi-switch-knob {
   transform: translateX(26px)
}

.semi-switch-large.semi-switch-checked:active .semi-switch-knob {
   transform: translateX(16px)
}

.semi-switch-large:active .semi-switch-knob {
   width: 34px
}

.semi-switch-large .semi-switch-checked-text,
.semi-switch-large .semi-switch-unchecked-text {
   font-size: 14px;
   width: 26px
}

.semi-switch-small {
   border-radius: 8px;
   height: 16px;
   width: 26px
}

.semi-switch-small .semi-switch-knob {
   border-radius: 6px;
   height: 12px;
   top: 1px;
   transform: translateX(1px);
   width: 12px
}

.semi-switch-small.semi-switch-checked .semi-switch-knob {
   transform: translateX(11px)
}

.semi-switch-small.semi-switch-checked:active .semi-switch-knob {
   transform: translateX(9px)
}

.semi-switch-small:active .semi-switch-knob {
   width: 14px
}

.semi-form .semi-switch-native-control {
   height: 100%;
   width: 100%
}

.semi-portal-rtl .semi-switch,
.semi-rtl .semi-switch {
   direction: rtl
}

.semi-portal-rtl .semi-switch-checked .semi-switch-knob,
.semi-rtl .semi-switch-checked .semi-switch-knob {
   transform: translateX(-18px)
}

.semi-portal-rtl .semi-switch-checked:active .semi-switch-knob,
.semi-rtl .semi-switch-checked:active .semi-switch-knob {
   transform: translateX(-12px)
}

.semi-portal-rtl .semi-switch-knob,
.semi-rtl .semi-switch-knob {
   left: auto;
   right: 0;
   transform: translateX(-2px)
}

.semi-portal-rtl .semi-switch-native-control,
.semi-rtl .semi-switch-native-control {
   right: 0
}

.semi-portal-rtl .semi-switch-unchecked-text,
.semi-rtl .semi-switch-unchecked-text {
   left: 0
}

.semi-portal-rtl .semi-switch-loading .semi-switch-loading-spin,
.semi-rtl .semi-switch-loading .semi-switch-loading-spin {
   transform: translateX(-2px)
}

.semi-portal-rtl .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin,
.semi-rtl .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin {
   transform: translateX(-16px)
}

.semi-portal-rtl .semi-switch-loading.semi-switch-small .semi-switch-loading-spin,
.semi-rtl .semi-switch-loading.semi-switch-small .semi-switch-loading-spin {
   transform: translateX(-2px)
}

.semi-portal-rtl .semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin,
.semi-rtl .semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin {
   transform: translateX(-10px)
}

.semi-portal-rtl .semi-switch-loading.semi-switch-large .semi-switch-loading-spin,
.semi-rtl .semi-switch-loading.semi-switch-large .semi-switch-loading-spin {
   transform: translateX(-2px)
}

.semi-portal-rtl .semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin,
.semi-rtl .semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin {
   transform: translateX(-22px)
}

.semi-portal-rtl .semi-switch-large .semi-switch-knob,
.semi-rtl .semi-switch-large .semi-switch-knob {
   transform: translateX(-3px)
}

.semi-portal-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob,
.semi-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob {
   transform: translateX(-26px)
}

.semi-portal-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob,
.semi-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob {
   transform: translateX(-16px)
}

.semi-portal-rtl .semi-switch-small .semi-switch-knob,
.semi-rtl .semi-switch-small .semi-switch-knob {
   transform: translateX(-1px)
}

.semi-portal-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob,
.semi-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob {
   transform: translateX(-11px)
}

.semi-portal-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob,
.semi-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob {
   transform: translateX(-9px)
}

.semi-table-panel-operation {
   background-color: var(--semi-color-primary);
   color: var(--semi-color-text-2);
   padding-bottom: 8px;
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 8px
}

.semi-table-panel-operation,
.semi-table-panel-operation-left,
.semi-table-panel-operation-right {
   display: flex;
   justify-content: space-between
}

.semi-table-panel-operation-selected {
   color: var(--semi-color-primary-light-active)
}

.semi-table-pagination-info {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px
}

.semi-table-pagination-outer {
   align-items: center;
   display: flex;
   justify-content: space-between
}

.semi-table {
   border-collapse: separate;
   border-spacing: 0;
   display: table;
   font-size: inherit;
   text-align: left;
   width: 100%
}

.semi-table-wrapper {
   zoom: 1;
   box-sizing: border-box;
   clear: both;
   color: var(--semi-color-text-0);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   margin: 0;
   padding: 0;
   position: relative;
   width: 100%
}

.semi-table-wrapper[data-column-fixed=true] {
   z-index: 1
}

.semi-table-wrapper-ltr,
.semi-table-wrapper-ltr .semi-spin {
   direction: ltr
}

.semi-table-middle .semi-table-tbody>.semi-table-row>.semi-table-row-cell {
   padding-bottom: 12px;
   padding-top: 12px
}

.semi-table-small .semi-table-tbody>.semi-table-row>.semi-table-row-cell {
   padding-bottom: 8px;
   padding-top: 8px
}

.semi-table-title {
   padding-bottom: 16px;
   padding-left: 0;
   padding-right: 0;
   padding-top: 16px;
   position: relative
}

.semi-table-container {
   position: relative
}

.semi-table-header {
   scrollbar-base-color: transparent;
   overflow: hidden
}

.semi-table-header::-webkit-scrollbar {
   background-color: transparent;
   border-bottom: 2px solid var(--semi-color-border)
}

.semi-table-header-sticky {
   position: -webkit-sticky;
   position: sticky;
   z-index: 102
}

.semi-table-header-sticky .semi-table-thead>.semi-table-row>.semi-table-row-head {
   background-color: var(--semi-color-bg-1)
}

.semi-table-header-hidden {
   height: 0
}

.semi-table-align-center .semi-table-operate-wrapper {
   justify-content: center
}

.semi-table-align-right .semi-table-operate-wrapper {
   justify-content: flex-end
}

.semi-table-operate-wrapper {
   display: flex;
   justify-content: flex-start
}

.semi-table-body {
   box-sizing: border-box;
   overflow: auto;
   width: 100%
}

.semi-table-colgroup {
   display: table-column-group
}

.semi-table-colgroup .semi-table-col {
   display: table-column
}

.semi-table-colgroup .semi-table-column-expand,
.semi-table-colgroup .semi-table-column-selection {
   width: 48px
}

.semi-table-thead>.semi-table-row>.semi-table-row-head {
   background-color: var(--semi-color-bg-1);
   border-bottom: 2px solid var(--semi-color-border);
   color: var(--semi-color-text-2);
   font-weight: 600;
   overflow-wrap: break-word;
   padding-bottom: 8px;
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 8px;
   position: relative;
   text-align: left;
   transition: background-color .1s linear;
   vertical-align: middle
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-row-head-clickSort {
   cursor: pointer
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-row-head-clickSort:hover {
   background-color: var(--semi-color-bg-0);
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0))
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-left:before,
.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-right:before {
   background-color: transparent
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left,
.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right {
   background-color: var(--semi-color-bg-1);
   position: -webkit-sticky;
   position: sticky;
   z-index: 101
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left:before,
.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right:before {
   background-color: var(--semi-color-bg-1);
   bottom: 0;
   content: "";
   display: block;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   z-index: -1
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last {
   border-right: 1px solid var(--semi-color-border);
   box-shadow: 3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
   border-right: 2px solid var(--semi-color-primary)
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last.resizing .react-resizable-handle:hover {
   background-color: unset
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first {
   border-left: 1px solid var(--semi-color-border);
   box-shadow: -3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
   border-right: 2px solid var(--semi-color-primary)
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first.resizing .react-resizable-handle:hover {
   background-color: unset
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
   border-left: transparent;
   box-shadow: none
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-column-selection,
.semi-table-thead>.semi-table-row>.semi-table-row-head[colspan]:not([colspan="1"]) {
   text-align: center
}

.semi-table-thead>.semi-table-row>.semi-table-row-head .semi-table-header-column {
   align-items: center;
   display: inline-flex
}

.semi-table-thead>.semi-table-row>.semi-table-row-head-ellipsis,
.semi-table-thead>.semi-table-row>.semi-table-row-head-ellipsis .semi-table-row-head-title {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-table-thead>.semi-table-row .react-resizable {
   background-clip: padding-box;
   position: relative
}

.semi-table-thead>.semi-table-row .resizing {
   border-right: 2px solid var(--semi-color-primary)
}

.semi-table-thead>.semi-table-row .resizing .react-resizable-handle:hover {
   background-color: unset
}

.semi-table-thead>.semi-table-row .react-resizable-handle {
   background-color: var(--semi-color-border);
   bottom: 4px;
   cursor: col-resize;
   height: calc(100% - 8px);
   position: absolute;
   right: -1px;
   width: 9px;
   z-index: 0
}

.semi-table-thead>.semi-table-row .react-resizable-handle:hover {
   background-color: var(--semi-color-primary)
}

.semi-table-tbody {
   display: table-row-group
}

.semi-table-tbody>.semi-table-row {
   background-color: var(--semi-color-bg-1);
   display: table-row
}

.semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell {
   background-color: var(--semi-color-bg-0);
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0))
}

.semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell.semi-table-cell-fixed-left,
.semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell.semi-table-cell-fixed-right {
   background-image: linear-gradient(0deg, var(--semi-color-bg-1), var(--semi-color-bg-1))
}

.semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell.semi-table-cell-fixed-left:before,
.semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell.semi-table-cell-fixed-right:before {
   background-color: var(--semi-color-fill-0);
   bottom: 0;
   content: "";
   display: block;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   z-index: -1
}

.semi-table-tbody>.semi-table-row>.semi-table-row-cell {
   border-bottom: 1px solid var(--semi-color-border);
   border-left: none;
   border-right: none;
   box-sizing: border-box;
   display: table-cell;
   overflow-wrap: break-word;
   padding: 16px;
   position: relative;
   vertical-align: middle
}

.semi-table-tbody>.semi-table-row>.semi-table-row-cell.resizing {
   border-right: 2px solid var(--semi-color-primary)
}

.semi-table-tbody>.semi-table-row>.semi-table-row-cell-ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-table-tbody>.semi-table-row.semi-table-row-expand>.semi-table-row-cell {
   background-color: var(--semi-color-fill-0)
}

.semi-table-tbody>.semi-table-row.semi-table-row-hidden {
   display: none
}

.semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left,
.semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right {
   background-color: var(--semi-color-bg-1);
   position: -webkit-sticky;
   position: sticky;
   z-index: 101
}

.semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left-last {
   border-right: 1px solid var(--semi-color-border);
   box-shadow: 3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right-first {
   border-left: 1px solid var(--semi-color-border);
   box-shadow: -3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-tbody>.semi-table-row>*,
.semi-table-tbody>.semi-table-row>.semi-table-cell-fixed>* {
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms
}

.semi-table-tbody>.semi-table-row-section {
   display: table-row
}

.semi-table-tbody>.semi-table-row-section>.semi-table-row-cell {
   background-color: rgba(var(--semi-grey-0), 1);
   border-bottom: 1px solid var(--semi-color-border)
}

.semi-table-tbody>.semi-table-row-section>.semi-table-row-cell:not(.semi-table-column-selection) {
   padding: 10px 16px
}

.semi-table-tbody>.semi-table-row-section .semi-table-section-inner {
   align-items: center;
   display: inline-flex
}

.semi-table-virtualized .semi-table-tbody {
   display: block
}

.semi-table-virtualized .semi-table-tbody>.semi-table-row {
   display: flex
}

.semi-table-virtualized .semi-table-tbody>.semi-table-row>.semi-table-row-cell {
   word-wrap: unset;
   align-items: center;
   display: inline-flex;
   overflow: hidden;
   white-space: nowrap;
   word-break: unset
}

.semi-table-virtualized .semi-table-tbody>.semi-table-row-section>.semi-table-row-cell {
   display: flex;
   padding-bottom: 16px;
   padding-top: 16px
}

.semi-table-virtualized .semi-table-tbody>.semi-table-row-expand>.semi-table-row-cell {
   overflow: unset;
   padding: 0
}

.semi-table-footer {
   background-color: var(--semi-color-fill-0);
   margin: 0;
   padding: 16px;
   position: relative
}

.semi-table .semi-table-selection-wrap {
   display: inline-flex;
   vertical-align: bottom
}

.semi-table .semi-table-selection-disabled {
   cursor: not-allowed
}

.semi-table .semi-table-selection-disabled>.semi-checkbox {
   pointer-events: none
}

.semi-table .semi-table-column-hidden {
   display: none
}

.semi-table .semi-table-column-selection {
   text-align: center
}

.semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
   left: 0;
   top: 0
}

.semi-table .semi-table-column-expand .semi-table-expand-icon {
   transform: translateY(2px)
}

.semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
   margin-right: 0
}

.semi-table .semi-table-column-sorter {
   display: inline-block;
   height: 16px;
   text-align: center;
   vertical-align: middle;
   width: 16px
}

.semi-table .semi-table-column-sorter-wrapper {
   align-items: center;
   cursor: pointer;
   display: flex;
   gap: 4px;
   overflow: hidden
}

.semi-table .semi-table-column-sorter-down,
.semi-table .semi-table-column-sorter-up {
   color: var(--semi-color-text-2);
   display: block;
   height: 0
}

.semi-table .semi-table-column-sorter-down:hover .anticon,
.semi-table .semi-table-column-sorter-up:hover .anticon {
   color: var(--semi-color-text-2)
}

.semi-table .semi-table-column-sorter-down svg,
.semi-table .semi-table-column-sorter-up svg {
   height: 16px;
   width: 16px
}

.semi-table .semi-table-column-sorter-down.on .semi-icon-caretdown,
.semi-table .semi-table-column-sorter-down.on .semi-icon-caretup,
.semi-table .semi-table-column-sorter-up.on .semi-icon-caretdown,
.semi-table .semi-table-column-sorter-up.on .semi-icon-caretup {
   color: var(--semi-color-primary)
}

.semi-table .semi-table-column-filter {
   align-items: center;
   color: var(--semi-color-text-2);
   cursor: pointer;
   display: inline-flex;
   margin-left: 4px
}

.semi-table .semi-table-column-filter svg {
   height: 16px;
   width: 16px
}

.semi-table .semi-table-column-filter.on {
   color: var(--semi-color-primary)
}

.semi-table-bordered .semi-table-title {
   border-left: 1px solid var(--semi-color-border);
   border-right: 1px solid var(--semi-color-border);
   border-top: 1px solid var(--semi-color-border);
   padding-left: 16px;
   padding-right: 16px
}

.semi-table-bordered .semi-table-container {
   border: 1px solid var(--semi-color-border);
   border-bottom: 0;
   border-right: 0
}

.semi-table-bordered .semi-table-header::-webkit-scrollbar {
   border-right: 1px solid var(--semi-color-border)
}

.semi-table-bordered .semi-table-footer {
   border-bottom: 1px solid var(--semi-color-border);
   border-left: 1px solid var(--semi-color-border);
   border-right: 1px solid var(--semi-color-border)
}

.semi-table-bordered .semi-table-thead>.semi-table-row>.semi-table-row-head .react-resizable-handle {
   background-color: transparent
}

.semi-table-bordered .semi-table-placeholder,
.semi-table-bordered .semi-table-tbody>.semi-table-row>.semi-table-row-cell,
.semi-table-bordered .semi-table-thead>.semi-table-row>.semi-table-row-head {
   border-right: 1px solid var(--semi-color-border)
}

.semi-table-placeholder {
   background: transparent;
   border-bottom: 1px solid var(--semi-color-border);
   color: var(--semi-color-text-2);
   font-size: 14px;
   left: 0;
   padding: 16px 12px;
   position: -webkit-sticky;
   position: sticky;
   text-align: center;
   z-index: 1
}

.semi-table-fixed {
   min-width: 100%;
   table-layout: fixed
}

.semi-table-fixed>.semi-table-tbody>.semi-table-row-expand>.semi-table-row-cell>.semi-table-expand-inner,
.semi-table-fixed>.semi-table-tbody>.semi-table-row-section>.semi-table-row-cell>.semi-table-section-inner {
   align-items: center;
   display: flex;
   height: 100%;
   left: 0;
   margin-left: -16px;
   margin-right: -16px;
   overflow: auto;
   padding-left: 16px;
   padding-right: 16px;
   position: -webkit-sticky;
   position: sticky
}

.semi-table-fixed-header table {
   table-layout: fixed
}

.semi-table-scroll-position-left .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left-last,
.semi-table-scroll-position-left .semi-table-thead>.semi-table-row>.semi-table-cell-fixed-left-last,
.semi-table-scroll-position-right .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right-first,
.semi-table-scroll-position-right .semi-table-thead>.semi-table-row>.semi-table-cell-fixed-right-first {
   box-shadow: none
}

.semi-table-pagination-outer {
   color: var(--semi-color-text-2);
   min-height: 60px
}

.semi-table-expand-icon {
   align-items: center;
   background: transparent;
   color: var(--semi-color-text-2);
   cursor: pointer;
   display: inline-flex;
   margin-right: 8px;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-table-expand-icon-cell {
   align-items: center;
   display: inline-flex;
   justify-content: center
}

.semi-table-expand-icon .semi-table-expandedIcon-show {
   transform: rotate(90deg);
   transition: transform .15s cubic-bezier(.62, .05, .36, .95)
}

.semi-table-expand-icon .semi-table-expandedIcon-hide {
   transform: rotate(0deg);
   transition: transform .15s cubic-bezier(.62, .05, .36, .95)
}

.semi-table-column-filter-dropdown .semi-dropdown-menu {
   max-height: 290px;
   overflow-y: auto
}

.semi-table-wrapper-rtl .semi-table {
   direction: rtl;
   text-align: right
}

.semi-table-wrapper-rtl .semi-table-align-left .semi-table-operate-wrapper {
   justify-content: flex-end
}

.semi-table-wrapper-rtl .semi-table-align-right .semi-table-operate-wrapper {
   justify-content: flex-start
}

.semi-table-wrapper-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head {
   text-align: right
}

.semi-table-wrapper-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-table-wrapper-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
   border-left: 2px solid var(--semi-color-primary)
}

.semi-table-wrapper-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first {
   border-left: 0;
   border-right: 1px solid var(--semi-color-border)
}

.semi-table-wrapper-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
   border-left: 2px solid var(--semi-color-primary)
}

.semi-table-wrapper-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
   border-right: transparent;
   box-shadow: none
}

.semi-table-wrapper-rtl .semi-table-thead>.semi-table-row .resizing {
   border-left: 2px solid var(--semi-color-primary)
}

.semi-table-wrapper-rtl .semi-table-thead>.semi-table-row .react-resizable-handle {
   left: -1px;
   right: auto
}

.semi-table-wrapper-rtl .semi-table-tbody {
   display: table-row-group
}

.semi-table-wrapper-rtl .semi-table-tbody>.semi-table-row>.semi-table-row-cell.resizing {
   border-left: 2px solid var(--semi-color-primary);
   border-right: 0
}

.semi-table-wrapper-rtl .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left-last {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-table-wrapper-rtl .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right-first {
   border-left: 0;
   border-right: 1px solid var(--semi-color-border)
}

.semi-table-wrapper-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
   left: auto;
   right: 0
}

.semi-table-wrapper-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon {
   transform: scaleX(-1) translateY(2px)
}

.semi-table-wrapper-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
   margin-left: 0;
   margin-right: auto
}

.semi-table-wrapper-rtl .semi-table .semi-table-column-filter,
.semi-table-wrapper-rtl .semi-table .semi-table-column-sorter {
   margin-left: 0;
   margin-right: 4px
}

.semi-table-wrapper-rtl .semi-table-bordered .semi-table-container {
   border-left: 0;
   border-right: 1px solid var(--semi-color-border)
}

.semi-table-wrapper-rtl .semi-table-bordered .semi-table-placeholder,
.semi-table-wrapper-rtl .semi-table-bordered .semi-table-tbody>.semi-table-row>.semi-table-row-cell,
.semi-table-wrapper-rtl .semi-table-bordered .semi-table-thead>.semi-table-row>.semi-table-row-head {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-table-wrapper-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-table-wrapper-rtl .semi-table-fixed>.semi-table-tbody>.semi-table-row-expand>.semi-table-row-cell>.semi-table-expand-inner,
.semi-table-wrapper-rtl .semi-table-fixed>.semi-table-tbody>.semi-table-row-section>.semi-table-row-cell>.semi-table-section-inner {
   left: auto;
   margin-left: -16px;
   margin-right: -16px;
   padding-left: 16px;
   padding-right: 16px;
   right: 0
}

.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left-last,
.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-thead>.semi-table-row>.semi-table-cell-fixed-left-last {
   box-shadow: 3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right-first,
.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-thead>.semi-table-row>.semi-table-cell-fixed-right-first,
.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left-last,
.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-thead>.semi-table-row>.semi-table-cell-fixed-left-last {
   box-shadow: none
}

.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right-first,
.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-thead>.semi-table-row>.semi-table-cell-fixed-right-first {
   box-shadow: -3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-wrapper-rtl .semi-table-expand-icon {
   margin-left: 8px;
   margin-right: auto;
   transform: scaleX(-1) translateY(2px)
}

.semi-table-wrapper-rtl .semi-spin {
   direction: rtl
}

.semi-tabs {
   box-sizing: border-box;
   position: relative
}

.semi-tabs-left {
   display: flex;
   flex-direction: row
}

.semi-tabs-bar {
   outline: none;
   position: relative;
   white-space: nowrap
}

.semi-tabs-bar-left {
   display: flex;
   flex-direction: column
}

.semi-tabs-bar-extra {
   padding: 0 5px
}

.semi-tabs-bar-more-trigger {
   color: var(--semi-color-text-2);
   cursor: pointer;
   display: inline-block
}

.semi-tabs-bar-more-trigger-content {
   align-content: center;
   display: flex
}

.semi-tabs-bar-more-trigger-content-icon:not(:not(.semi-tabs-bar-more-trigger-content-icon)) {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   margin-bottom: 0;
   margin-left: 8px;
   margin-right: 8px;
   margin-top: 0
}

.semi-tabs-bar-more-trigger-line {
   padding: 16px 4px 14px 4px
}

.semi-tabs-bar-more-trigger-button,
.semi-tabs-bar-more-trigger-card {
   padding: 8px 12px
}

.semi-tabs-bar .semi-tabs-tab {
   box-sizing: border-box;
   color: var(--semi-color-text-2);
   cursor: pointer;
   display: block;
   float: left;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-tabs-bar .semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--semi-color-text-2);
   margin-right: 8px;
   position: relative;
   top: 3px;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-bar .semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close {
   color: var(--semi-color-text-2);
   cursor: pointer;
   font-size: 14px;
   margin-left: 10px;
   margin-right: 0
}

.semi-tabs-bar .semi-tabs-tab:active,
.semi-tabs-bar .semi-tabs-tab:active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate),
.semi-tabs-bar .semi-tabs-tab:hover,
.semi-tabs-bar .semi-tabs-tab:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--semi-color-text-0)
}

.semi-tabs-bar .semi-tabs-tab-active,
.semi-tabs-bar .semi-tabs-tab-active:hover {
   color: var(--semi-color-text-0);
   cursor: default;
   font-weight: 600
}

.semi-tabs-bar .semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate),
.semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--semi-color-primary)
}

.semi-tabs-bar .semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close,
.semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon.semi-tabs-tab-icon-close {
   color: var(--semi-color-text-2)
}

.semi-tabs-bar .semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close:hover {
   color: var(--semi-color-text-1)
}

.semi-tabs-bar .semi-tabs-tab-disabled {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-tabs-bar .semi-tabs-tab-disabled:hover {
   border-bottom: none;
   color: var(--semi-color-disabled-text)
}

.semi-tabs-tab-single.semi-tabs-tab {
   box-sizing: border-box;
   color: var(--semi-color-text-2);
   cursor: pointer;
   display: inline-block;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-tabs-tab-single.semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--semi-color-text-2);
   margin-right: 8px;
   position: relative;
   top: 3px;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-tab-single.semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close {
   color: var(--semi-color-text-2);
   cursor: pointer;
   font-size: 14px;
   margin-left: 10px;
   margin-right: 0
}

.semi-tabs-tab-single.semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close.semi-icon-close:hover,
.semi-tabs-tab-single.semi-tabs-tab:hover,
.semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--semi-color-text-0)
}

.semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon.semi-tabs-tab-icon-close {
   color: var(--semi-color-text-2)
}

.semi-tabs-tab-single.semi-tabs-tab:active,
.semi-tabs-tab-single.semi-tabs-tab:active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--semi-color-text-0)
}

.semi-tabs-tab-single.semi-tabs-tab:active .semi-icon.semi-tabs-tab-icon-close {
   color: var(--semi-color-text-2)
}

.semi-tabs-tab-single.semi-tabs-tab-active,
.semi-tabs-tab-single.semi-tabs-tab-active:hover {
   color: var(--semi-color-text-0);
   cursor: default;
   font-weight: 600
}

.semi-tabs-tab-single.semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate),
.semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--semi-color-primary)
}

.semi-tabs-tab-single.semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close,
.semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon.semi-tabs-tab-icon-close {
   color: var(--semi-color-text-2)
}

.semi-tabs-tab-single.semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close:hover {
   color: var(--semi-color-text-1)
}

.semi-tabs-tab-single.semi-tabs-tab-disabled {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-tabs-tab-single.semi-tabs-tab-disabled:hover {
   border-bottom: none;
   color: var(--semi-color-disabled-text)
}

.semi-tabs-bar-collapse,
.semi-tabs-bar-collapse .semi-tabs-bar-overflow-list {
   align-items: center;
   display: flex
}

.semi-tabs-bar-collapse .semi-overflow-list {
   flex: 1 1
}

.semi-tabs-bar-collapse .semi-overflow-list .semi-overflow-list-scroll-wrapper {
   -ms-overflow-style: none;
   scrollbar-width: none
}

.semi-tabs-bar-collapse .semi-overflow-list .semi-overflow-list-scroll-wrapper::-webkit-scrollbar {
   display: none;
   height: 0;
   width: 0
}

.semi-tabs-bar-collapse .semi-overflow-list .semi-overflow-list-scroll-wrapper:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -2px
}

.semi-tabs-bar-collapse .semi-overflow-list>.semi-button-disabled,
.semi-tabs-bar-collapse .semi-overflow-list>.semi-button-disabled:hover {
   background-color: transparent;
   color: var(--semi-color-disabled-text)
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start {
   margin-right: 4px
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start>.semi-button[aria-disabled=false] {
   background-color: transparent;
   border: 0 solid transparent;
   color: var(--semi-color-primary);
   padding: 8px
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start>.semi-button[aria-disabled=false]:hover {
   background-color: var(--semi-color-fill-0);
   border-color: transparent;
   color: var(--semi-color-primary)
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start>.semi-button[aria-disabled=false]:active {
   background-color: var(--semi-color-fill-1);
   border-color: transparent;
   color: var(--semi-color-primary)
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end {
   margin-left: 4px
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end>.semi-button[aria-disabled=false] {
   background-color: transparent;
   border: 0 solid transparent;
   color: var(--semi-color-primary);
   padding: 8px
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end>.semi-button[aria-disabled=false]:hover {
   background-color: var(--semi-color-fill-0);
   border-color: transparent;
   color: var(--semi-color-primary)
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end>.semi-button[aria-disabled=false]:active {
   background-color: var(--semi-color-fill-1);
   border-color: transparent;
   color: var(--semi-color-primary)
}

.semi-tabs-bar-dropdown {
   max-height: 300px;
   overflow-y: auto
}

.semi-tabs-bar:after {
   clear: both;
   content: "";
   display: block;
   height: 0
}

.semi-tabs-bar-line.semi-tabs-bar-top {
   border-bottom: 1px solid var(--semi-color-border);
   transform: scale(var(--semi-transform_scale-none));
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab {
   border-bottom: 2px solid transparent;
   padding: 16px 4px 14px 4px;
   transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:first-of-type {
   padding-left: 0
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:hover {
   border-bottom: 2px solid var(--semi-color-fill-0)
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -1px
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:active {
   border-bottom: 2px solid var(--semi-color-fill-1)
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
   margin-right: 24px
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-small {
   padding: 8px 4px 6px 4px
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-medium {
   padding: 12px 4px 10px 4px
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-active,
.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-active:hover {
   border-bottom: 2px solid var(--semi-color-primary)
}

.semi-tabs-bar-line.semi-tabs-bar-left {
   border-right: 1px solid var(--semi-color-border)
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
   border-left: 2px solid transparent;
   padding: 12px;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover {
   background-color: var(--semi-color-fill-0);
   border-left: 2px solid var(--semi-color-fill-0)
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -2px
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:active {
   background-color: var(--semi-color-fill-1);
   border-left: 2px solid var(--semi-color-fill-1)
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-small {
   padding: 6px
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-medium {
   padding: 10px
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active {
   background-color: var(--semi-color-primary-light-default)
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active,
.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active:hover {
   background-color: var(--semi-color-primary-light-default);
   border-left: 2px solid var(--semi-color-primary)
}

.semi-tabs-bar-line .semi-tabs-bar-extra {
   height: 50px;
   line-height: 50px
}

.semi-tabs-bar-line .semi-tabs-bar-line-extra-small {
   height: 36px;
   line-height: 36px
}

.semi-tabs-bar-card.semi-tabs-bar-top:before {
   border-bottom: 1px solid var(--semi-color-border);
   bottom: 0;
   content: "";
   left: 0;
   position: absolute;
   right: 0
}

.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab {
   border: 1px solid transparent;
   border-bottom: none;
   border-radius: var(--semi-border-radius-small) var(--semi-border-radius-small) 0 0
}

.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:hover {
   border-bottom: none
}

.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
   margin-right: 8px
}

.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab-active,
.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab-active:hover {
   background: transparent;
   border: 1px solid var(--semi-color-border);
   border-bottom: 1px solid var(--semi-color-bg-1);
   padding: 8px 12px 7px 12px
}

.semi-tabs-bar-card.semi-tabs-bar-left {
   border-right: 1px solid var(--semi-color-border)
}

.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab {
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
   border-right: none
}

.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:hover {
   border-right: none
}

.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:not(:last-of-type) {
   margin-bottom: 8px
}

.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:after {
   background: var(--semi-color-bg-1);
   bottom: 0;
   content: " ";
   position: absolute;
   right: -1px;
   top: 0;
   width: 1px
}

.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active,
.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:hover {
   background: transparent;
   border: 1px solid var(--semi-color-border);
   border-right: none;
   padding: 8px 12px
}

.semi-tabs-bar-card .semi-tabs-tab {
   padding: 8px 12px;
   transform: scale(var(--semi-transform_scale-none));
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-bar-card .semi-tabs-tab:hover {
   background: var(--semi-color-fill-0)
}

.semi-tabs-bar-card .semi-tabs-tab:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -2px
}

.semi-tabs-bar-card .semi-tabs-tab:active {
   background: var(--semi-color-fill-1)
}

.semi-tabs-bar-button {
   border: none
}

.semi-tabs-bar-button.semi-tabs-bar-left .semi-tabs-tab:not(:last-of-type) {
   margin-bottom: 8px
}

.semi-tabs-bar-button.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
   margin-right: 8px
}

.semi-tabs-bar-button .semi-tabs-tab {
   border: none;
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-text-2);
   padding: 8px 12px;
   transform: scale(var(--semi-transform_scale-none));
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-bar-button .semi-tabs-tab:hover {
   background-color: var(--semi-color-fill-0);
   border: none
}

.semi-tabs-bar-button .semi-tabs-tab:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -2px
}

.semi-tabs-bar-button .semi-tabs-tab:active {
   background-color: var(--semi-color-fill-1)
}

.semi-tabs-bar-button .semi-tabs-tab-active,
.semi-tabs-bar-button .semi-tabs-tab-active:hover {
   background-color: var(--semi-color-primary-light-default);
   border: none;
   color: var(--semi-color-primary)
}

.semi-tabs-bar-slash .semi-tabs-tab {
   padding: 12px 0
}

.semi-tabs-bar-slash .semi-tabs-tab:first-of-type {
   padding-left: 0
}

.semi-tabs-bar-slash .semi-tabs-tab:not(:last-of-type) {
   margin-right: 16px
}

.semi-tabs-bar-slash .semi-tabs-tab:not(:last-of-type):after {
   background: linear-gradient(to bottom right, transparent 0, transparent calc(50% - 1px), var(--semi-color-text-2) 50%, transparent calc(50% + 1px), transparent 100%);
   content: "";
   display: inline-block;
   height: 14px;
   margin-bottom: 3px;
   margin-left: 16px;
   margin-top: 3px;
   vertical-align: bottom;
   width: 8px
}

.semi-tabs-content {
   padding: 5px 0;
   width: 100%
}

.semi-tabs-content-left {
   height: 100%;
   padding: 0 5px
}

.semi-tabs-pane {
   color: var(--semi-color-text-0);
   overflow: hidden;
   width: 100%
}

.semi-tabs-pane:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-tabs-content-no-animated .semi-tabs-pane-inactive,
.semi-tabs-pane-inactive {
   display: none
}

@keyframes semi-tabs-panel-keyframe-leftShow {
   0% {
      opacity: 0;
      transform: translateX(60px)
   }

   to {
      opacity: 1;
      transform: translateX(0)
   }
}

@keyframes semi-tabs-panel-keyframe-rightShow {
   0% {
      opacity: 0;
      transform: translateX(-60px)
   }

   to {
      opacity: 1;
      transform: translateX(0)
   }
}

@keyframes semi-tabs-panel-keyframe-topShow {
   0% {
      opacity: 0;
      transform: translateY(60px)
   }

   to {
      opacity: 1;
      transform: translateY(0)
   }
}

@keyframes semi-tabs-panel-keyframe-bottomShow {
   0% {
      opacity: 0;
      transform: translateY(-60px)
   }

   to {
      opacity: 1;
      transform: translateY(0)
   }
}

.semi-tabs-pane-animate-leftShow {
   animation: semi-tabs-panel-keyframe-leftShow .2s ease-in-out 0s;
   animation-fill-mode: forwards
}

.semi-tabs-pane-animate-rightShow {
   animation: semi-tabs-panel-keyframe-rightShow .2s ease-in-out 0s;
   animation-fill-mode: forwards
}

.semi-tabs-pane-animate-topShow {
   animation: semi-tabs-panel-keyframe-topShow .2s ease-in-out 0s;
   animation-fill-mode: forwards
}

.semi-tabs-pane-animate-bottomShow {
   animation: semi-tabs-panel-keyframe-bottomShow .2s ease-in-out 0s;
   animation-fill-mode: forwards
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
   border-bottom: 2px solid transparent;
   font-size: 14px;
   padding: 16px 4px 14px 4px;
   transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:first-of-type {
   padding-left: 0
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:hover {
   border-bottom: 2px solid var(--semi-color-fill-0)
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -1px
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:active {
   border-bottom: 2px solid var(--semi-color-fill-1)
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-small {
   font-size: 14px;
   padding: 8px 4px 6px 4px
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-medium {
   font-size: 14px;
   padding: 12px 4px 10px 4px
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active,
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
   border-bottom: 2px solid var(--semi-color-primary)
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab {
   border-left: 2px solid transparent;
   padding: 12px;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:hover {
   background-color: var(--semi-color-fill-0);
   border-left: 2px solid var(--semi-color-fill-0)
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -2px
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:active {
   background-color: var(--semi-color-fill-1);
   border-left: 2px solid var(--semi-color-fill-1)
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-small {
   padding: 6px
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-medium {
   padding: 10px
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active {
   background-color: var(--semi-color-primary-light-default)
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active,
.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active:hover {
   background-color: var(--semi-color-primary-light-default);
   border-left: 2px solid var(--semi-color-primary)
}

.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab {
   border: 1px solid transparent;
   border-bottom: none;
   border-radius: var(--semi-border-radius-small) var(--semi-border-radius-small) 0 0
}

.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab:hover {
   border-bottom: none
}

.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active,
.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active:hover {
   background: transparent;
   border: 1px solid var(--semi-color-border);
   border-bottom: 1px solid var(--semi-color-bg-1);
   padding: 8px 12px 7px 12px
}

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab {
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
   border-right: none
}

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab:hover {
   border-right: none
}

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active:after {
   background: var(--semi-color-bg-1);
   bottom: 0;
   content: " ";
   position: absolute;
   right: -1px;
   top: 0;
   width: 1px
}

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active,
.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active:hover {
   background: transparent;
   border: 1px solid var(--semi-color-border);
   border-right: none;
   padding: 8px 12px
}

.semi-tabs-tab-card.semi-tabs-tab {
   padding: 8px 12px;
   transform: scale(var(--semi-transform_scale-none));
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-tab-card.semi-tabs-tab:hover {
   background: var(--semi-color-fill-0)
}

.semi-tabs-tab-card.semi-tabs-tab:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -2px
}

.semi-tabs-tab-card.semi-tabs-tab:active {
   background: var(--semi-color-fill-1)
}

.semi-tabs-tab-button {
   border: none
}

.semi-tabs-tab-button.semi-tabs-tab {
   border: none;
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-text-2);
   padding: 8px 12px;
   transform: scale(var(--semi-transform_scale-none));
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tabs-tab-button.semi-tabs-tab:hover {
   background-color: var(--semi-color-fill-0);
   border: none
}

.semi-tabs-tab-button.semi-tabs-tab:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -2px
}

.semi-tabs-tab-button.semi-tabs-tab:active {
   background-color: var(--semi-color-fill-1)
}

.semi-tabs-tab-button.semi-tabs-tab-active,
.semi-tabs-tab-button.semi-tabs-tab-active:hover {
   background-color: var(--semi-color-primary-light-default);
   border: none;
   color: var(--semi-color-primary)
}

.semi-portal-rtl .semi-tabs,
.semi-rtl .semi-tabs {
   direction: rtl
}

.semi-portal-rtl .semi-tabs-bar .semi-tabs-tab,
.semi-rtl .semi-tabs-bar .semi-tabs-tab {
   float: right
}

.semi-portal-rtl .semi-tabs-bar .semi-tabs-tab .semi-icon,
.semi-rtl .semi-tabs-bar .semi-tabs-tab .semi-icon {
   margin-left: 8px;
   margin-right: 0
}

.semi-portal-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start,
.semi-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start {
   margin-left: 4px;
   margin-right: 0
}

.semi-portal-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end,
.semi-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end {
   margin-left: 0;
   margin-right: 4px
}

.semi-portal-rtl .semi-tabs-bar-collapse .semi-icon-chevron_left,
.semi-portal-rtl .semi-tabs-bar-collapse .semi-icon-chevron_right,
.semi-rtl .semi-tabs-bar-collapse .semi-icon-chevron_left,
.semi-rtl .semi-tabs-bar-collapse .semi-icon-chevron_right {
   transform: scaleX(-1)
}

.semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type),
.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
   margin-left: 24px;
   margin-right: 0
}

.semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left,
.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab,
.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
   border-left: 0;
   border-right: 2px solid transparent
}

.semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover,
.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover {
   border-left: 0;
   border-right: 2px solid var(--semi-color-fill-0)
}

.semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:active,
.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:active {
   border-left: 0;
   border-right: 2px solid var(--semi-color-fill-1)
}

.semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active,
.semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active:hover,
.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active,
.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active:hover {
   border-left: 0;
   border-right: 2px solid var(--semi-color-primary)
}

.semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type),
.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
   margin-left: 0;
   margin-right: 8px
}

.semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left,
.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab,
.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab {
   border: 1px solid transparent;
   border-left: none
}

.semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:hover,
.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:hover {
   border-left: none
}

.semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:after,
.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:after {
   left: -1px;
   right: auto
}

.semi-portal-rtl .semi-tabs-bar-button.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type),
.semi-rtl .semi-tabs-bar-button.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
   margin-left: 8px;
   margin-right: auto
}

.semi-timeline {
   list-style: none;
   margin: 0;
   padding: 8px;
   width: 100%
}

.semi-timeline-item {
   list-style: none;
   margin: 0;
   padding: 0 0 24px 0;
   position: relative
}

.semi-timeline-item-tail {
   border-left: 1px solid var(--semi-color-text-3);
   height: calc(100% - 20px);
   left: 4px;
   position: absolute;
   top: 20px
}

.semi-timeline-item-head {
   border-radius: var(--semi-border-radius-circle);
   height: 9px;
   position: absolute;
   top: 5px;
   width: 9px
}

.semi-timeline-item-head-ongoing {
   background-color: var(--semi-color-primary)
}

.semi-timeline-item-head-default {
   background-color: var(--semi-color-tertiary-light-active)
}

.semi-timeline-item-head-success {
   background-color: var(--semi-color-success)
}

.semi-timeline-item-head-warning {
   background-color: var(--semi-color-warning)
}

.semi-timeline-item-head-error {
   background-color: var(--semi-color-danger)
}

.semi-timeline-item-head-custom {
   align-self: center;
   border: 0;
   border-radius: 0;
   display: flex;
   height: auto;
   left: 5px;
   position: absolute;
   top: 10px;
   transform: translate(-50%, -50%);
   width: auto
}

.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-ongoing {
   background-color: transparent;
   color: var(--semi-color-primary)
}

.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-success {
   background-color: transparent;
   color: var(--semi-color-success)
}

.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-warning {
   background-color: transparent;
   color: var(--semi-color-warning)
}

.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-error {
   background-color: transparent;
   color: var(--semi-color-danger)
}

.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-default {
   background-color: transparent;
   color: var(--semi-color-tertiary-light-active)
}

.semi-timeline-item-content {
   color: var(--semi-color-text-0);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   margin: 0 0 0 25px;
   position: relative;
   word-break: break-word
}

.semi-timeline-item-content-extra,
.semi-timeline-item-content-time {
   color: var(--semi-color-text-2);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px;
   margin-top: 4px
}

.semi-timeline-item:last-child>.semi-timeline-item-tail {
   border-left: none
}

.semi-timeline-alternate .semi-timeline-item-head,
.semi-timeline-alternate .semi-timeline-item-head-custom,
.semi-timeline-alternate .semi-timeline-item-tail,
.semi-timeline-center .semi-timeline-item-head,
.semi-timeline-center .semi-timeline-item-head-custom,
.semi-timeline-center .semi-timeline-item-tail,
.semi-timeline-right .semi-timeline-item-head,
.semi-timeline-right .semi-timeline-item-head-custom,
.semi-timeline-right .semi-timeline-item-tail {
   left: 50%
}

.semi-timeline-alternate .semi-timeline-item-head.semi-timeline-item-head-custom,
.semi-timeline-center .semi-timeline-item-head.semi-timeline-item-head-custom,
.semi-timeline-right .semi-timeline-item-head.semi-timeline-item-head-custom {
   margin-left: 0
}

.semi-timeline-alternate .semi-timeline-item-head,
.semi-timeline-center .semi-timeline-item-head,
.semi-timeline-right .semi-timeline-item-head {
   margin-left: -4px
}

.semi-timeline-alternate .semi-timeline-item-left .semi-timeline-item-content,
.semi-timeline-center .semi-timeline-item-left .semi-timeline-item-content,
.semi-timeline-right .semi-timeline-item-left .semi-timeline-item-content {
   left: calc(50% - 4px);
   text-align: left;
   width: calc(50% - 14px)
}

.semi-timeline-alternate .semi-timeline-item-right .semi-timeline-item-content,
.semi-timeline-center .semi-timeline-item-right .semi-timeline-item-content,
.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-content {
   margin: 0;
   text-align: right;
   width: calc(50% - 20px)
}

.semi-timeline-center .semi-timeline-item-content-time {
   margin-left: calc(-40px - 100%);
   position: absolute;
   text-align: right;
   top: -2px;
   width: 100%
}

.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head,
.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head-custom,
.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-tail {
   left: calc(100% - 9px)
}

.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-content {
   width: calc(100% - 28px)
}

.semi-portal-rtl .semi-timeline,
.semi-rtl .semi-timeline {
   direction: rtl
}

.semi-portal-rtl .semi-timeline-item-tail,
.semi-rtl .semi-timeline-item-tail {
   border-left: 0;
   border-right: 1px solid var(--semi-color-text-3);
   left: auto;
   right: 4px
}

.semi-portal-rtl .semi-timeline-item-head-custom,
.semi-rtl .semi-timeline-item-head-custom {
   left: auto;
   right: 5px;
   transform: translate(50%, -50%)
}

.semi-portal-rtl .semi-timeline-item-content,
.semi-rtl .semi-timeline-item-content {
   margin: 0 25px 0 0
}

.semi-portal-rtl .semi-timeline-item:last-child .semi-timeline-item-tail,
.semi-rtl .semi-timeline-item:last-child .semi-timeline-item-tail {
   border-right: none
}

.semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-head,
.semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-head-custom,
.semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-tail,
.semi-portal-rtl .semi-timeline-center .semi-timeline-item-head,
.semi-portal-rtl .semi-timeline-center .semi-timeline-item-head-custom,
.semi-portal-rtl .semi-timeline-center .semi-timeline-item-tail,
.semi-portal-rtl .semi-timeline-right .semi-timeline-item-head,
.semi-portal-rtl .semi-timeline-right .semi-timeline-item-head-custom,
.semi-portal-rtl .semi-timeline-right .semi-timeline-item-tail,
.semi-rtl .semi-timeline-alternate .semi-timeline-item-head,
.semi-rtl .semi-timeline-alternate .semi-timeline-item-head-custom,
.semi-rtl .semi-timeline-alternate .semi-timeline-item-tail,
.semi-rtl .semi-timeline-center .semi-timeline-item-head,
.semi-rtl .semi-timeline-center .semi-timeline-item-head-custom,
.semi-rtl .semi-timeline-center .semi-timeline-item-tail,
.semi-rtl .semi-timeline-right .semi-timeline-item-head,
.semi-rtl .semi-timeline-right .semi-timeline-item-head-custom,
.semi-rtl .semi-timeline-right .semi-timeline-item-tail {
   left: auto;
   right: 50%
}

.semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-head,
.semi-portal-rtl .semi-timeline-center .semi-timeline-item-head,
.semi-portal-rtl .semi-timeline-right .semi-timeline-item-head,
.semi-rtl .semi-timeline-alternate .semi-timeline-item-head,
.semi-rtl .semi-timeline-center .semi-timeline-item-head,
.semi-rtl .semi-timeline-right .semi-timeline-item-head {
   margin-left: 0;
   margin-right: -4px
}

.semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-left .semi-timeline-item-content,
.semi-portal-rtl .semi-timeline-center .semi-timeline-item-left .semi-timeline-item-content,
.semi-portal-rtl .semi-timeline-right .semi-timeline-item-left .semi-timeline-item-content,
.semi-rtl .semi-timeline-alternate .semi-timeline-item-left .semi-timeline-item-content,
.semi-rtl .semi-timeline-center .semi-timeline-item-left .semi-timeline-item-content,
.semi-rtl .semi-timeline-right .semi-timeline-item-left .semi-timeline-item-content {
   left: auto;
   right: calc(50% - 4px);
   text-align: right
}

.semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-right .semi-timeline-item-content,
.semi-portal-rtl .semi-timeline-center .semi-timeline-item-right .semi-timeline-item-content,
.semi-portal-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-content,
.semi-rtl .semi-timeline-alternate .semi-timeline-item-right .semi-timeline-item-content,
.semi-rtl .semi-timeline-center .semi-timeline-item-right .semi-timeline-item-content,
.semi-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-content {
   text-align: left
}

.semi-portal-rtl .semi-timeline-center .semi-timeline-item-content-time,
.semi-rtl .semi-timeline-center .semi-timeline-item-content-time {
   margin-left: 0;
   margin-right: calc(-40px - 100%);
   text-align: left
}

.semi-portal-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head,
.semi-portal-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head-custom,
.semi-portal-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-tail,
.semi-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head,
.semi-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head-custom,
.semi-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-tail {
   left: 0;
   right: calc(100% - 9px)
}

.semi-timepicker {
   display: inline-block
}

.semi-timepicker-panel .semi-scrolllist-body {
   height: 252px
}

.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer-nocycle>ul:before,
.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item>ul:before {
   height: 108px
}

.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item,
.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
   -ms-overflow-style: none;
   scrollbar-width: none
}

.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer::-webkit-scrollbar,
.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item::-webkit-scrollbar {
   display: none;
   height: 0;
   width: 0
}

.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul,
.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item>ul {
   padding-bottom: 108px
}

.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item {
   -ms-overflow-style: none;
   scrollbar-width: none
}

.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item::-webkit-scrollbar {
   display: none;
   height: 0;
   width: 0
}

.semi-timepicker-panel .semi-scrolllist-item,
.semi-timepicker-panel .semi-scrolllist-item-wheel {
   flex: none
}

.semi-timepicker-panel .semi-scrolllist-item-wheel,
.semi-timepicker-panel .semi-scrolllist-item-wheel:not(:last-child) {
   border: none
}

.semi-timepicker-panel-list-ampm {
   width: 72px
}

.semi-timepicker-panel-list-hour,
.semi-timepicker-panel-list-minute,
.semi-timepicker-panel-list-second {
   width: 64px
}

.semi-timepicker-range-panel .semi-timepicker-lists {
   border: 1px solid rgba(0, 0, 0, .1);
   border-radius: var(--semi-border-radius-medium);
   box-shadow: 0 4px 14px rgba(0, 0, 0, .1);
   display: flex
}

.semi-timepicker-range-panel .semi-timepicker-lists .semi-scrolllist:first-of-type {
   border-radius: var(--semi-border-radius-medium) 0 0 var(--semi-border-radius-medium)
}

.semi-timepicker-range-panel .semi-timepicker-lists .semi-scrolllist:last-of-type {
   border-radius: 0 var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0
}

.semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist:not(:last-child) .semi-scrolllist-body {
   border-right: 2px solid var(--semi-color-border)
}

.semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist {
   box-shadow: none
}

.semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist .semi-scrolllist-body,
.semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist .semi-scrolllist-header {
   padding: 0
}

.semi-timepicker .semi-timepicker-input {
   align-items: center;
   border-radius: var(--semi-border-radius-small);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-timepicker .semi-input-readonly {
   cursor: pointer
}

.semi-timepicker .semi-input-borderless:not(:focus-within):not(:hover) .semi-input-suffix {
   opacity: 0
}

.semi-portal-rtl .semi-timepicker,
.semi-portal-rtl .semi-timepicker-panel,
.semi-portal-rtl .semi-timepicker-range,
.semi-rtl .semi-timepicker,
.semi-rtl .semi-timepicker-panel,
.semi-rtl .semi-timepicker-range {
   direction: rtl
}

.semi-portal-rtl .semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist:not(:last-child) .semi-scrolllist-body,
.semi-rtl .semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist:not(:last-child) .semi-scrolllist-body {
   border-left: 2px solid var(--semi-color-border);
   border-right: 0
}

.semi-toast {
   pointer-events: none
}

.semi-toast-wrapper {
   display: flex;
   height: 0;
   justify-content: center;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1010
}

.semi-toast-wrapper .semi-toast-innerWrapper {
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   text-align: center;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.semi-toast-wrapper .semi-toast-innerWrapper-hover .semi-toast-zero-height-wrapper {
   perspective: unset;
   perspective-origin: 50%
}

.semi-toast-zero-height-wrapper {
   height: 0;
   overflow: visible;
   perspective: 280px;
   perspective-origin: center 280px;
   transition: all .3s cubic-bezier(.22, .57, .02, 1.2)
}

.semi-toast-content {
   align-items: flex-start;
   background-color: var(--semi-color-bg-3);
   border-radius: var(--semi-border-radius-medium);
   box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 4px 14px 0 rgba(0, 0, 0, .1);
   color: var(--semi-color-text-0);
   display: inline-flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   justify-content: center;
   line-height: 22px;
   margin: 12px;
   padding: 12px 8px 12px 8px;
   pointer-events: all
}

.semi-toast-content .semi-toast-close-button {
   height: 20px;
   margin-top: -2px
}

.semi-toast-content .semi-toast-content-text {
   word-wrap: break-word;
   margin-left: 12px;
   margin-right: 12px;
   overflow-wrap: break-word;
   text-align: left
}

.semi-toast-light.semi-toast-warning .semi-toast-content {
   background-color: var(--semi-color-warning-light-default);
   border: 1px solid var(--semi-color-warning)
}

.semi-toast-light.semi-toast-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: semi-toast-keyframe-toast-show .3s cubic-bezier(.22, .57, .02, 1.2) 0s;
   animation-fill-mode: forwards
}

.semi-toast-animation-hide {
   animation: semi-toast-keyframe-toast-hide .3s cubic-bezier(.22, .57, .02, 1.2) 0s;
   animation-fill-mode: forwards
}

@keyframes semi-toast-keyframe-toast-show {
   0% {
      opacity: 0;
      transform: translateY(-100%)
   }

   to {
      opacity: 1
   }
}

@keyframes semi-toast-keyframe-toast-hide {
   0% {
      opacity: 1
   }

   to {
      opacity: 0;
      transform: translateY(-100%)
   }
}

.semi-toast-rtl {
   direction: rtl
}

.semi-toast-rtl .semi-toast-content .semi-toast-content-text {
   margin-left: 12px;
   margin-right: 12px;
   text-align: right
}

.semi-tree-search-wrapper {
   padding: 8px 12px
}

.semi-tree-wrapper {
   display: flex;
   flex-direction: column
}

.semi-tree-option-list {
   box-sizing: border-box;
   flex: 1 1;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 8px 0
}

.semi-tree-option-list li,
.semi-tree-option-list ul {
   list-style-type: none;
   margin: 0;
   padding: 0
}

.semi-tree-option-list li.semi-tree-option {
   box-sizing: border-box;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-top: 4px
}

.semi-tree-option-list li>.semi-tree-option-label {
   list-style-type: none;
   padding: 0
}

.semi-tree-option-list .semi-tree-option-empty-icon,
.semi-tree-option-list .semi-tree-option-expand-icon {
   box-sizing: border-box;
   color: var(--semi-color-text-2);
   display: flex;
   flex-shrink: 0;
   margin-right: 8px;
   width: 12px
}

.semi-tree-option-list .semi-tree-option {
   align-items: center;
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   position: relative;
   transform: scale(var(--semi-transform_scale-none));
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   word-break: break-word
}

.semi-tree-option-list .semi-tree-option-label {
   align-items: center;
   display: flex
}

.semi-tree-option-list .semi-tree-option-label .semi-checkbox,
.semi-tree-option-list .semi-tree-option-label>.semi-icon {
   margin-right: 8px
}

.semi-tree-option-list .semi-tree-option-label-text {
   display: block;
   flex: 1 1
}

.semi-tree-option-list .semi-tree-option-ellipsis .semi-tree-option-label-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-tree-option-list .semi-tree-option .semi-checkbox-addon,
.semi-tree-option-list .semi-tree-option-label-text {
   border-radius: var(--semi-border-radius-small)
}

.semi-tree-option-list .semi-tree-option .semi-checkbox-addon:hover,
.semi-tree-option-list .semi-tree-option-label-text:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-tree-option-list .semi-tree-option .semi-checkbox-addon:active,
.semi-tree-option-list .semi-tree-option-label-text:active {
   background-color: var(--semi-color-fill-1)
}

.semi-tree-option-list .semi-tree-option-item-icon {
   color: var(--semi-color-text-2)
}

.semi-tree-option-list .semi-tree-option-active .semi-tree-option-label-text {
   background-color: var(--semi-color-primary-light-default)
}

.semi-tree-option-list .semi-tree-option-active:active,
.semi-tree-option-list .semi-tree-option-active:hover {
   background-color: transparent
}

.semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label,
.semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label:active,
.semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label:hover {
   background-color: var(--semi-color-primary-light-default)
}

.semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
   transform: rotate(270deg)
}

.semi-tree-option-list .semi-tree-option-highlight {
   background-color: inherit;
   color: var(--semi-color-primary);
   font-weight: 600
}

.semi-tree-option-list .semi-tree-option-hidden {
   display: none
}

.semi-tree-option-list .semi-tree-option-disabled .semi-tree-option-label {
   color: var(--semi-color-disabled-text)
}

.semi-tree-option-list .semi-tree-option-draggable,
.semi-tree-option-list .semi-tree-option-fullLabel-draggable {
   -khtml-user-drag: element;
   -webkit-user-drag: element;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-tree-option-list .semi-tree-option-draggable {
   border-left: 2px solid transparent;
   box-sizing: border-box
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-label {
   border-bottom: 2px solid transparent;
   border-top: 2px solid transparent
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-top {
   border-top: 2px var(--semi-color-primary) solid
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-bottom {
   border-bottom: 2px var(--semi-color-primary) solid
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-indent .semi-tree-option-indent-unit:before,
.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-switcher-leaf-line:before {
   bottom: 0;
   top: 0
}

.semi-tree-option-list .semi-tree-option-draggable.semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line:before {
   height: 50%
}

.semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-top {
   border-top: 2px var(--semi-color-primary) solid
}

.semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-bottom {
   border-bottom: 2px var(--semi-color-primary) solid
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable,
.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable {
   border: 2px solid var(--semi-color-primary)
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable .semi-tree-option-label,
.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable .semi-tree-option-label {
   border-bottom: 0;
   border-top: 0
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable+.semi-tree-option-selected:after,
.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable+.semi-tree-option-selected:after {
   border-top: 2px solid var(--semi-color-primary);
   bottom: 0;
   content: "";
   left: -2px;
   position: absolute;
   right: -1px;
   top: 0
}

.semi-tree-option-list .semi-tree-option-indent {
   align-self: stretch;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   white-space: nowrap
}

.semi-tree-option-list .semi-tree-option-indent-unit {
   display: inline-block;
   width: 20px
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit {
   height: 100%;
   position: relative
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit:before {
   -webkit-border-end: 1px solid var(--semi-color-text-3);
   border-inline-end: 1px solid var(--semi-color-text-3);
   bottom: -4px;
   content: "";
   inset-inline-start: 6px;
   position: absolute;
   top: -4px
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit-end:before {
   display: none
}

.semi-tree-option-list .semi-tree-option-switcher {
   align-self: stretch;
   cursor: pointer;
   flex: none;
   margin: 0;
   margin-right: 8px;
   position: relative;
   text-align: center;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 12px
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line {
   display: inline-block;
   height: 100%;
   position: relative;
   width: 100%;
   z-index: 1
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:before {
   -webkit-border-end: 1px solid var(--semi-color-text-3);
   border-inline-end: 1px solid var(--semi-color-text-3);
   bottom: -4px;
   content: "";
   inset-inline-start: 6px;
   position: absolute;
   top: -4px
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:after {
   border-bottom: 1px solid var(--semi-color-text-3);
   box-sizing: border-box;
   content: "";
   height: 50%;
   -webkit-margin-start: 1px;
   margin-inline-start: 1px;
   position: absolute;
   width: 8px
}

.semi-tree-option-list .semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line:before {
   height: calc(50% + 4px)
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option {
   padding-bottom: 0;
   padding-top: 0
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-label {
   padding: 2px 0
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected,
.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active,
.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover {
   background-color: transparent
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
   padding-left: 8px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
   padding-left: 28px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
   padding-left: 48px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
   padding-left: 68px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
   padding-left: 88px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
   padding-left: 108px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
   padding-left: 128px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
   padding-left: 148px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
   padding-left: 168px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
   padding-left: 188px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
   padding-left: 208px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
   padding-left: 228px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
   padding-left: 248px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
   padding-left: 268px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
   padding-left: 288px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
   padding-left: 308px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
   padding-left: 328px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
   padding-left: 348px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
   padding-left: 368px
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
   padding-left: 388px
}

.semi-tree-option-list .semi-tree-option-empty:active,
.semi-tree-option-list .semi-tree-option-empty:hover {
   background-color: transparent
}

.semi-tree-option-list .semi-tree-option-label-empty {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed;
   justify-content: center;
   padding-left: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-tree-option-list .semi-checkboxGroup-vertical {
   row-gap: 0
}

.semi-tree-option-list-block .semi-tree-option:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-tree-option-list-block .semi-tree-option:active {
   background-color: var(--semi-color-fill-1)
}

.semi-tree-option-list-block .semi-tree-option-label {
   flex: 1 1
}

.semi-tree-option-list-block .semi-tree-option-active,
.semi-tree-option-list-block .semi-tree-option-active:active,
.semi-tree-option-list-block .semi-tree-option-active:hover {
   background-color: var(--semi-color-primary-light-default)
}

.semi-tree-option-list-block .semi-tree-option-active .semi-tree-option-label-text {
   background-color: transparent
}

.semi-tree-option-list-block .semi-tree-option-expand-icon {
   box-sizing: content-box;
   flex-shrink: 0
}

.semi-tree-option-list-block .semi-tree-option-expand-icon:hover {
   color: var(--semi-color-text-0)
}

.semi-tree-option-list-block .semi-tree-option-expand-icon:active {
   color: var(--semi-color-black)
}

.semi-tree-option-list-block .semi-tree-option-spin-icon {
   color: var(--semi-color-primary);
   display: flex;
   line-height: 0
}

.semi-tree-option-list-block .semi-tree-option-spin-icon svg {
   height: 12px;
   width: 12px
}

.semi-tree-option-list-block .semi-tree-option-selected {
   background-color: var(--semi-color-primary-light-default)
}

.semi-tree-option-list-block .semi-tree-option-selected .semi-checkbox-addon,
.semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label,
.semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label:active,
.semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label:hover {
   background-color: transparent
}

.semi-tree-option-list-block .semi-tree-option-selected:active,
.semi-tree-option-list-block .semi-tree-option-selected:hover {
   background-color: var(--semi-color-primary-light-default)
}

.semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon,
.semi-tree-option-list-block .semi-tree-option-label-text {
   border-radius: var(--semi-border-radius-small);
   padding: 0
}

.semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:active,
.semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:hover,
.semi-tree-option-list-block .semi-tree-option-label-text:active,
.semi-tree-option-list-block .semi-tree-option-label-text:hover {
   background-color: transparent
}

.semi-tree-option-list-block .semi-tree-option-label-text {
   width: 0
}

.semi-tree-option-list-block .semi-tree-option-empty:active,
.semi-tree-option-list-block .semi-tree-option-empty:hover {
   background-color: transparent
}

.semi-popover-rtl .semi-tree,
.semi-popover-rtl .semi-tree-option-list,
.semi-popover-rtl .semi-tree-wrapper,
.semi-rtl .semi-tree,
.semi-rtl .semi-tree-option-list,
.semi-rtl .semi-tree-wrapper {
   direction: rtl
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-empty-icon,
.semi-popover-rtl .semi-tree-option-list .semi-tree-option-expand-icon,
.semi-rtl .semi-tree-option-list .semi-tree-option-empty-icon,
.semi-rtl .semi-tree-option-list .semi-tree-option-expand-icon {
   margin-left: 8px;
   margin-right: 0
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option,
.semi-rtl .semi-tree-option-list .semi-tree-option {
   padding-left: 0;
   padding-right: 8px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-label .semi-checkbox,
.semi-popover-rtl .semi-tree-option-list .semi-tree-option-label>.semi-icon,
.semi-rtl .semi-tree-option-list .semi-tree-option-label .semi-checkbox,
.semi-rtl .semi-tree-option-list .semi-tree-option-label>.semi-icon {
   margin-left: 8px;
   margin-right: 0
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon,
.semi-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
   transform: rotate(90deg)
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
   padding-left: 0;
   padding-right: 8px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
   padding-left: 0;
   padding-right: 28px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
   padding-left: 0;
   padding-right: 48px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
   padding-left: 0;
   padding-right: 68px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
   padding-left: 0;
   padding-right: 88px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
   padding-left: 0;
   padding-right: 108px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
   padding-left: 0;
   padding-right: 128px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
   padding-left: 0;
   padding-right: 148px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
   padding-left: 0;
   padding-right: 168px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
   padding-left: 0;
   padding-right: 188px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
   padding-left: 0;
   padding-right: 208px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
   padding-left: 0;
   padding-right: 228px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
   padding-left: 0;
   padding-right: 248px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
   padding-left: 0;
   padding-right: 268px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
   padding-left: 0;
   padding-right: 288px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
   padding-left: 0;
   padding-right: 308px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
   padding-left: 0;
   padding-right: 328px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
   padding-left: 0;
   padding-right: 348px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
   padding-left: 0;
   padding-right: 368px
}

.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20,
.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
   padding-left: 0;
   padding-right: 388px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty,
.semi-rtl .semi-tree-option-list .semi-tree-option-label-empty {
   padding-left: auto;
   padding-right: 0
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-switcher,
.semi-rtl .semi-tree-option-list .semi-tree-option-switcher {
   margin-left: 8px;
   margin-right: 0
}

.semi-popover-rtl .semi-tree-option-list-block,
.semi-rtl .semi-tree-option-list-block {
   direction: rtl
}

.semi-tree-select {
   align-items: center;
   background-color: var(--semi-color-fill-0);
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-small);
   box-sizing: border-box;
   cursor: pointer;
   display: inline-flex;
   font-weight: 400;
   line-height: 32px;
   min-height: 32px;
   min-width: 80px;
   position: relative
}

.semi-tree-select:hover {
   background-color: var(--semi-color-fill-1);
   border: 1px solid transparent
}

.semi-tree-select:focus {
   background-color: var(--semi-color-fill-0);
   border: 1px solid var(--semi-color-focus-border);
   outline: 0
}

.semi-tree-select:active {
   background-color: var(--semi-color-fill-2)
}

.semi-tree-select-focus,
.semi-tree-select-focus:hover {
   background-color: var(--semi-color-fill-0);
   border: 1px solid var(--semi-color-focus-border);
   outline: 0
}

.semi-tree-select-focus:active {
   background-color: var(--semi-color-fill-2)
}

.semi-tree-select-warning {
   background-color: var(--semi-color-warning-light-default);
   border-color: var(--semi-color-warning-light-default)
}

.semi-tree-select-warning:hover {
   background-color: var(--semi-color-warning-light-hover);
   border-color: var(--semi-color-warning-light-hover)
}

.semi-tree-select-warning.semi-tree-select-focus {
   background-color: var(--semi-color-warning-light-default);
   border-color: var(--semi-color-warning)
}

.semi-tree-select-warning:active {
   background-color: var(--semi-color-warning-light-active);
   border-color: var(--semi-color-warning-light-active)
}

.semi-tree-select-error {
   background-color: var(--semi-color-danger-light-default);
   border-color: var(--semi-color-danger-light-default)
}

.semi-tree-select-error:hover {
   background-color: var(--semi-color-danger-light-hover);
   border-color: var(--semi-color-danger-light-hover)
}

.semi-tree-select-error.semi-tree-select-focus {
   background-color: var(--semi-color-danger-light-default);
   border-color: var(--semi-color-danger)
}

.semi-tree-select-error:active {
   background-color: var(--semi-color-danger-light-active);
   border-color: var(--semi-color-danger-light-active)
}

.semi-tree-select-disabled {
   cursor: not-allowed;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-tree-select-disabled,
.semi-tree-select-disabled:hover {
   background-color: var(--semi-color-disabled-fill)
}

.semi-tree-select-disabled .semi-tree-select-selection,
.semi-tree-select-disabled .semi-tree-select-selection-placeholder {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-tree-select-disabled .semi-tag,
.semi-tree-select-disabled .semi-tree-select-arrow,
.semi-tree-select-disabled .semi-tree-select-prefix,
.semi-tree-select-disabled .semi-tree-select-suffix {
   color: var(--semi-color-disabled-text)
}

.semi-tree-select-disabled .semi-tag {
   background-color: transparent
}

.semi-tree-select-selection {
   align-items: center;
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: inline-flex;
   flex-grow: 1;
   flex-wrap: wrap;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   height: 100%;
   line-height: 22px;
   overflow: hidden;
   padding-left: 12px;
   padding-right: 0;
   position: relative
}

.semi-tree-select-selection-content {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-tree-select-selection-placeholder {
   color: var(--semi-color-text-2)
}

.semi-tree-select-selection .semi-tag-group {
   align-items: center;
   display: inline-flex;
   flex-wrap: wrap;
   height: inherit
}

.semi-tree-select-selection .semi-tag {
   margin: 1px 2px
}

.semi-tree-select-selection-TriggerSearchItem {
   max-width: calc(100% - 12px);
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
   white-space: nowrap
}

.semi-tree-select-selection-TriggerSearchItem-placeholder {
   opacity: .6
}

.semi-tree-select-selection-TriggerSearchItem-disabled {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-upper {
   z-index: 1
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper {
   width: 100%
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-tree-select-inputTrigger .semi-input-wrapper {
   background: transparent
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input-wrapper {
   background-color: transparent;
   border: none;
   height: 100%;
   width: 100%
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input-wrapper-focus {
   border: none
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input {
   padding-left: 0;
   padding-right: 0
}

.semi-tree-select-selection .semi-tagInput {
   background: transparent;
   border: hidden;
   min-height: 30px
}

.semi-tree-select-selection .semi-tagInput-small {
   min-height: 22px
}

.semi-tree-select-selection .semi-tagInput-large {
   min-height: 38px
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper {
   padding-left: 4px;
   padding-right: 4px
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper .semi-input {
   padding-left: 0
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-default,
.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-large {
   margin-bottom: 1px;
   margin-top: 1px
}

.semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput {
   margin-left: -4px
}

.semi-tree-select-multiple-tagInput-empty .semi-tagInput {
   margin-left: 4px
}

.semi-tree-select-multiple {
   display: inline-flex
}

.semi-tree-select-multiple .semi-tree-select-selection {
   padding-left: 4px;
   padding-right: 0
}

.semi-tree-select-multiple .semi-tree-select-selection-placeholder {
   padding-left: 8px
}

.semi-tree-select-small {
   line-height: 24px;
   min-height: 24px
}

.semi-tree-select-large {
   line-height: 40px;
   min-height: 40px
}

.semi-tree-select-large .semi-tree-select-selection {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   line-height: 22px
}

.semi-tree-select-arrow {
   align-items: center;
   color: var(--semi-color-text-2);
   display: inline-flex;
   flex-shrink: 0;
   height: 100%;
   justify-content: center;
   width: 32px
}

.semi-tree-select-inset-label {
   color: var(--semi-color-text-2);
   display: inline;
   flex-shrink: 0;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
   margin-right: 12px;
   white-space: nowrap
}

.semi-tree-select.semi-tree-select-with-prefix {
   align-items: center;
   display: inline-flex
}

.semi-tree-select-arrow,
.semi-tree-select-clearbtn {
   align-items: center;
   color: var(--semi-color-text-2);
   display: inline-flex;
   flex-shrink: 0;
   height: 100%;
   justify-content: center;
   width: 32px
}

.semi-tree-select-clearbtn:hover {
   color: var(--semi-color-primary-hover)
}

.semi-tree-select-clearbtn:active {
   color: var(--semi-color-primary-active)
}

.semi-tree-select-prefix,
.semi-tree-select-suffix {
   align-items: center;
   display: inline;
   display: flex;
   justify-content: center
}

.semi-tree-select-prefix-text,
.semi-tree-select-suffix-text {
   margin: 0 12px
}

.semi-tree-select-prefix-icon,
.semi-tree-select-suffix-icon {
   color: var(--semi-color-text-2);
   margin: 0 8px
}

.semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection,
.semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection {
   padding-right: 0
}

.semi-tree-select-prefix-search-wrapper,
.semi-tree-select-suffix-search-wrapper {
   border-bottom: 1px solid var(--semi-color-fill-0);
   padding: 8px 12px
}

.semi-tree-select-prefix-maxTagCount,
.semi-tree-select-suffix-maxTagCount {
   color: var(--semi-color-text-2);
   font-size: 14px
}

.semi-tree-select-prefix-popover,
.semi-tree-select-suffix-popover {
   max-height: 300px;
   overflow: auto
}

.semi-tree-select-popover .semi-tree-wrapper {
   display: flex;
   flex-direction: column;
   height: 100%
}

.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list {
   flex: 1 1;
   min-width: 230px
}

.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list-hidden {
   padding: 0
}

.semi-tree-select-popover .semi-tree-wrapper .semi-tree-search-wrapper {
   border-bottom: 1px var(--semi-color-fill-0) solid
}

.semi-tree-select-borderless:not(:focus-within):not(:hover) {
   background-color: transparent;
   border-color: transparent
}

.semi-tree-select-borderless:not(:focus-within):not(:hover) .semi-tree-select-arrow {
   opacity: 0
}

.semi-tree-select-borderless:focus-within:not(:active) {
   background-color: transparent
}

.semi-tree-select-borderless.semi-tree-select-error:not(:focus-within) {
   border-color: var(--semi-color-danger)
}

.semi-tree-select-borderless.semi-tree-select-warning:not(:focus-within) {
   border-color: var(--semi-color-warning)
}

.semi-tree-select-borderless.semi-tree-select-error:focus-within {
   border-color: var(--semi-color-danger)
}

.semi-tree-select-borderless.semi-tree-select-warning:focus-within {
   border-color: var(--semi-color-warning)
}

.semi-portal-rtl .semi-tree-select,
.semi-rtl .semi-tree-select {
   direction: rtl
}

.semi-portal-rtl .semi-tree-select .semi-tagInput .semi-input,
.semi-rtl .semi-tree-select .semi-tagInput .semi-input {
   padding-right: 0
}

.semi-portal-rtl .semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput,
.semi-rtl .semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput {
   margin-left: 0;
   margin-right: -4px
}

.semi-portal-rtl .semi-tree-select-multiple-tagInput-empty .semi-tagInput,
.semi-rtl .semi-tree-select-multiple-tagInput-empty .semi-tagInput {
   margin-left: 0;
   margin-right: 4px
}

.semi-portal-rtl .semi-tree-select-selection,
.semi-rtl .semi-tree-select-selection {
   padding-left: 0;
   padding-right: 12px
}

.semi-portal-rtl .semi-tree-select-multiple .semi-tree-select-selection,
.semi-rtl .semi-tree-select-multiple .semi-tree-select-selection {
   padding-left: 0;
   padding-right: 4px
}

.semi-portal-rtl .semi-tree-select-multiple .semi-tree-select-selection-placeholder,
.semi-rtl .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
   padding-left: 0;
   padding-right: 8px
}

.semi-portal-rtl .semi-tree-select-inset-label,
.semi-rtl .semi-tree-select-inset-label {
   margin-left: 12px;
   margin-right: 0
}

.semi-portal-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection,
.semi-portal-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection,
.semi-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection,
.semi-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection {
   padding-left: 0;
   padding-right: auto
}

.semi-portal-rtl .semi-tree-select-popover,
.semi-rtl .semi-tree-select-popover {
   direction: rtl
}

.semi-upload {
   display: flex;
   flex-wrap: wrap
}

.semi-upload-disabled,
.semi-upload-disabled .semi-upload-file-card,
.semi-upload-disabled .semi-upload-file-card-close {
   cursor: not-allowed
}

.semi-upload-disabled .semi-upload-drag-area {
   border: none;
   cursor: not-allowed
}

.semi-upload-disabled .semi-upload-drag-area:hover {
   background-color: var(--semi-color-tertiary-light-default)
}

.semi-upload-disabled .semi-upload-drag-area-icon,
.semi-upload-disabled .semi-upload-drag-area-main-text,
.semi-upload-disabled .semi-upload-drag-area-sub-text {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-upload-hidden-input,
.semi-upload-hidden-input-replace {
   display: none
}

.semi-upload-add {
   align-items: center;
   display: flex
}

.semi-upload[x-prompt-pos=right] .semi-upload-add,
.semi-upload[x-prompt-pos=right] .semi-upload-prompt {
   display: inline-flex
}

.semi-upload[x-prompt-pos=bottom] .semi-upload-add {
   display: flex
}

.semi-upload[x-prompt-pos=bottom] .semi-upload-prompt {
   display: flex;
   flex-basis: 100%
}

.semi-upload[x-prompt-pos=bottom] .semi-upload-file-list {
   flex-basis: 100%
}

.semi-upload[x-prompt-pos=left] .semi-upload-add {
   display: inline-flex
}

.semi-upload[x-prompt-pos=left] .semi-upload-prompt {
   display: inline-flex;
   order: -1
}

.semi-upload[x-prompt-pos=left] .semi-upload-file-list {
   order: 2
}

.semi-upload-file-list {
   display: block;
   flex-basis: 100%;
   flex-shrink: 0;
   margin-bottom: 8px;
   margin-top: 8px
}

.semi-upload-file-list-main {
   display: flex;
   flex-shrink: 0;
   flex-wrap: wrap;
   gap: 8px;
   margin-bottom: 8px
}

.semi-upload-file-list-main p {
   align-items: center;
   display: flex
}

.semi-upload-file-list-title {
   color: var(--semi-color-text-2);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px;
   margin-bottom: 4px
}

.semi-upload-file-list-title-choosen {
   margin-right: 8px
}

.semi-upload-file-list-title-clear {
   color: var(--semi-color-primary);
   cursor: pointer
}

.semi-upload-file-card {
   align-items: center;
   background-color: var(--semi-color-fill-0);
   border-radius: var(--semi-border-radius-medium);
   cursor: pointer;
   display: inline-flex;
   height: 52px;
   justify-content: space-between;
   width: 250px
}

.semi-upload-file-card:hover {
   background-color: var(--semi-color-fill-1)
}

.semi-upload-file-card a {
   text-decoration: none
}

.semi-upload-file-card-preview {
   align-items: center;
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-text-2);
   display: flex;
   flex-shrink: 0;
   height: 36px;
   justify-content: center;
   margin: 8px;
   width: 36px
}

.semi-upload-file-card-preview img {
   height: 36px;
   object-fit: cover;
   width: 36px
}

.semi-upload-file-card-preview-placeholder {
   background-color: rgba(var(--semi-grey-3), 1);
   color: rgba(var(--semi-white), 1)
}

.semi-upload-file-card-show-pointer {
   cursor: pointer
}

.semi-upload-file-card-info {
   align-items: center;
   display: flex
}

.semi-upload-file-card-info-main {
   display: flex;
   flex: 1 1;
   flex-wrap: wrap
}

.semi-upload-file-card-info-main-text {
   align-items: center;
   display: flex;
   flex-basis: 100%
}

.semi-upload-file-card-info-main-control {
   display: flex
}

.semi-upload-file-card-info-name {
   color: var(--semi-color-text-0);
   display: inline-block;
   flex: 1 1;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 0
}

.semi-upload-file-card-info-size {
   color: var(--semi-color-text-2);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
   margin-left: 8px;
   margin-top: 1px
}

.semi-upload-file-card-info-replace {
   color: var(--semi-color-text-2);
   display: inline-flex;
   margin-left: 8px
}

.semi-upload-file-card-info-validate-message {
   align-items: center;
   color: var(--semi-color-text-0);
   display: flex
}

.semi-upload-file-card-info-retry,
.semi-upload-file-card-info-validate-message {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px
}

.semi-upload-file-card-info-retry {
   color: var(--semi-color-primary);
   cursor: pointer;
   margin-left: 8px
}

.semi-upload-file-card-info .semi-progress {
   flex-basis: 100%;
   margin-top: 4px
}

.semi-upload-file-card-close {
   flex-shrink: 0;
   margin-left: 8px;
   margin-right: 8px
}

.semi-upload-file-card-replace {
   flex-shrink: 0;
   margin-left: 8px;
   width: 24px
}

.semi-upload-file-card-icon-error.semi-icon,
.semi-upload-file-card-icon-loading {
   font-size: 11px;
   margin-right: 2px
}

.semi-upload-file-card-icon-error {
   position: relative;
   top: -1px
}

.semi-upload-file-card-icon-loading {
   line-height: 0
}

.semi-upload-file-card-icon-loading .semi-spin-wrapper svg {
   height: 11px;
   width: 11px
}

.semi-upload-file-card-fail {
   background-color: var(--semi-color-danger-light-default)
}

.semi-upload-file-card-fail:hover {
   background-color: var(--semi-color-danger-light-hover)
}

.semi-upload-file-card-fail .semi-upload-file-card-info-validate-message {
   color: var(--semi-color-danger)
}

.semi-upload-picture {
   display: flex
}

.semi-upload-picture[x-prompt-pos=bottom] {
   flex-direction: column
}

.semi-upload-picture[x-prompt-pos=bottom] .semi-upload-prompt,
.semi-upload-picture[x-prompt-pos=right] .semi-upload-prompt {
   order: 1
}

.semi-upload-picture-add {
   align-items: center;
   background-color: var(--semi-color-fill-0);
   border: 2px dashed var(--semi-color-border);
   border-radius: var(--semi-border-radius-small);
   box-sizing: border-box;
   color: var(--semi-color-tertiary);
   cursor: pointer;
   display: inline-flex;
   height: 96px;
   justify-content: center;
   width: 96px
}

.semi-upload-picture-add:hover {
   background-color: var(--semi-color-fill-1)
}

.semi-upload-picture-add:active {
   background-color: var(--semi-color-fill-2)
}

.semi-upload-picture-add-disabled {
   cursor: not-allowed
}

.semi-upload-picture-add-disabled:active,
.semi-upload-picture-add-disabled:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-upload-picture-file-list {
   flex-basis: inherit;
   margin-bottom: 0;
   margin-top: 0
}

.semi-upload-picture-file-card {
   align-items: center;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   overflow: hidden;
   position: relative
}

.semi-upload-picture-file-card,
.semi-upload-picture-file-card img {
   border-radius: var(--semi-border-radius-small);
   height: 96px;
   width: 96px
}

.semi-upload-picture-file-card img {
   object-fit: cover
}

.semi-upload-picture-file-card-custom-thumbnail .semi-image img {
   height: inherit;
   width: inherit
}

.semi-upload-picture-file-card-close {
   border-radius: var(--semi-border-radius-circle);
   cursor: pointer;
   display: inline-flex;
   position: absolute;
   right: 8px;
   top: 8px;
   transition: all 0s;
   visibility: hidden
}

.semi-upload-picture-file-card-icon-close {
   color: var(--semi-color-white);
   font-size: 16px
}

.semi-upload-picture-file-card:before {
   background-color: var(--semi-color-overlay-bg);
   bottom: 0;
   content: "";
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   visibility: hidden
}

.semi-upload-picture-file-card-retry {
   align-items: center;
   background-color: var(--semi-color-white);
   border-radius: var(--semi-border-radius-circle);
   color: var(--semi-color-primary);
   cursor: pointer;
   display: flex;
   height: 24px;
   justify-content: center;
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   visibility: hidden;
   width: 24px
}

.semi-upload-picture-file-card-icon-retry {
   font-size: 13px;
   transform: scaleX(-1)
}

.semi-upload-picture-file-card-replace {
   color: var(--semi-color-white)
}

.semi-upload-picture-file-card-preview,
.semi-upload-picture-file-card-replace {
   cursor: pointer;
   display: inline-flex;
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate3D(-50%, -50%, 0);
   visibility: hidden
}

.semi-upload-picture-file-card-preview-fallback {
   background-color: var(--semi-color-fill-0);
   border: 2px var(--semi-color-border);
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-tertiary)
}

.semi-upload-picture-file-card-pic-info {
   align-items: center;
   background: linear-gradient(0deg, rgba(22, 22, 26, .3), rgba(22, 22, 26, 0) 77.08%);
   bottom: 0;
   box-sizing: border-box;
   color: var(--semi-color-white);
   display: inline-flex;
   font-size: 12px;
   font-weight: 600;
   height: 24px;
   justify-content: space-between;
   left: 0;
   padding: 0 10px;
   position: absolute;
   width: 100%
}

.semi-upload-picture-file-card-icon-error,
.semi-upload-picture-file-card-icon-loading {
   bottom: 6px;
   color: var(--semi-color-danger);
   position: absolute;
   right: 6px
}

.semi-upload-picture-file-card-icon-loading {
   font-size: 14px
}

.semi-upload-picture-file-card-show-pointer {
   cursor: pointer
}

.semi-upload-picture-file-card-error {
   border: 1px solid var(--semi-color-danger);
   outline: 1px solid var(--semi-color-danger)
}

.semi-upload-picture-file-card-uploading:before,
.semi-upload-picture-file-card:hover .semi-upload-picture-file-card-close,
.semi-upload-picture-file-card:hover .semi-upload-picture-file-card-preview,
.semi-upload-picture-file-card:hover .semi-upload-picture-file-card-replace,
.semi-upload-picture-file-card:hover .semi-upload-picture-file-card-retry,
.semi-upload-picture-file-card:hover:before {
   visibility: visible
}

.semi-upload-picture-file-card .semi-progress-circle {
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%)
}

.semi-upload-drag-area {
   align-items: center;
   background-color: var(--semi-color-tertiary-light-default);
   border: 2px dashed var(--semi-color-border);
   border-radius: var(--semi-border-radius-small);
   cursor: pointer;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 12px;
   width: 100%
}

.semi-upload-drag-area:hover {
   background-color: var(--semi-color-primary-light-default);
   border-color: var(--semi-color-primary)
}

.semi-upload-drag-area-custom {
   background-color: inherit;
   border: none;
   padding: 0
}

.semi-upload-drag-area-custom:hover {
   background-color: inherit
}

.semi-upload-drag-area-legal {
   background-color: var(--semi-color-primary-light-default);
   border-color: var(--semi-color-primary)
}

.semi-upload-drag-area-legal .semi-upload-drag-area-sub-text {
   display: none
}

.semi-upload-drag-area-icon {
   color: var(--semi-color-primary)
}

.semi-upload-drag-area-text {
   text-align: center
}

.semi-upload-drag-area-main-text {
   color: var(--semi-color-text-0);
   cursor: pointer;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   margin-bottom: 4px
}

.semi-upload-drag-area-main-text:active,
.semi-upload-drag-area-main-text:hover {
   color: var(--semi-color-text-0)
}

.semi-upload-drag-area-sub-text {
   color: var(--semi-color-text-0);
   cursor: pointer;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px
}

.semi-upload-drag-area-sub-text:active,
.semi-upload-drag-area-sub-text:hover {
   color: var(--semi-color-text-0)
}

.semi-upload-drag-area-tips {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   font-weight: 600;
   line-height: 16px
}

.semi-upload-drag-area-tips-legal {
   color: var(--semi-color-primary)
}

.semi-upload-validate-message {
   color: var(--semi-color-danger);
   display: block;
   flex-basis: 100%;
   flex-shrink: 0
}

.semi-portal-rtl .semi-upload,
.semi-rtl .semi-upload {
   direction: rtl
}

.semi-portal-rtl .semi-upload-file-list-title-choosen,
.semi-rtl .semi-upload-file-list-title-choosen {
   margin-left: 8px;
   margin-right: 0
}

.semi-portal-rtl .semi-upload-file-list-title-choosen,
.semi-portal-rtl .semi-upload-file-list-title-clear,
.semi-rtl .semi-upload-file-list-title-choosen,
.semi-rtl .semi-upload-file-list-title-clear {
   display: inline-block
}

.semi-portal-rtl .semi-upload-file-card-info-retry,
.semi-portal-rtl .semi-upload-file-card-info-size,
.semi-rtl .semi-upload-file-card-info-retry,
.semi-rtl .semi-upload-file-card-info-size {
   margin-left: 0;
   margin-right: 8px
}

.semi-portal-rtl .semi-upload-file-card-icon-error,
.semi-portal-rtl .semi-upload-file-card-icon-loading,
.semi-rtl .semi-upload-file-card-icon-error,
.semi-rtl .semi-upload-file-card-icon-loading {
   margin-left: 2px;
   margin-right: 0
}

.semi-portal-rtl .semi-upload-picture-file-card-close,
.semi-rtl .semi-upload-picture-file-card-close {
   left: 8px;
   right: auto
}

.semi-portal-rtl .semi-upload-picture-file-card .semi-progress-circle,
.semi-portal-rtl .semi-upload-picture-file-card-retry,
.semi-rtl .semi-upload-picture-file-card .semi-progress-circle,
.semi-rtl .semi-upload-picture-file-card-retry {
   left: auto;
   right: 50%;
   transform: translate(50%, -50%)
}

.semi-portal-rtl .semi-upload-picture-file-card-icon-error,
.semi-portal-rtl .semi-upload-picture-file-card-icon-loading,
.semi-rtl .semi-upload-picture-file-card-icon-error,
.semi-rtl .semi-upload-picture-file-card-icon-loading {
   left: 6px;
   right: 0
}

.semi-transfer {
   background-color: var(--semi-color-bg-1);
   border: 1px solid var(--semi-color-border);
   border-radius: var(--semi-border-radius-medium);
   box-sizing: border-box;
   display: flex;
   height: 400px;
   min-width: 402px
}

.semi-transfer-disabled .semi-transfer-header,
.semi-transfer-disabled .semi-transfer-item {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.semi-transfer-disabled .semi-transfer-item:hover {
   background-color: inherit
}

.semi-transfer-disabled .semi-transfer-item:hover .semi-transfer-item-close-icon {
   visibility: hidden
}

.semi-transfer-disabled .semi-transfer-item:active {
   background-color: inherit
}

.semi-transfer-custom-panel {
   border: none;
   height: inherit;
   min-width: inherit
}

.semi-transfer-header {
   align-items: center;
   color: var(--semi-color-text-2);
   display: flex;
   flex-shrink: 0;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   height: 24px;
   line-height: 16px;
   margin-bottom: 8px;
   margin-left: 12px;
   margin-right: 12px;
   margin-top: 12px
}

.semi-transfer-header-all {
   font-weight: 600;
   margin-left: 16px
}

.semi-transfer-header .semi-button {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   line-height: 16px
}

.semi-transfer-item {
   align-items: center;
   box-sizing: border-box;
   color: var(--semi-color-text-1);
   cursor: pointer;
   display: flex;
   flex-wrap: nowrap;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   justify-content: space-between;
   line-height: 22px;
   min-height: 36px;
   padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 9px;
   padding-top: 8px;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-transfer-item:hover {
   background-color: var(--semi-color-fill-0)
}

.semi-transfer-item:active {
   background-color: var(--semi-color-fill-1)
}

.semi-transfer-item-disabled {
   cursor: not-allowed
}

.semi-transfer-item-disabled:hover {
   background-color: inherit
}

.semi-transfer-item .semi-transfer-item-close-icon {
   color: var(--semi-color-text-2);
   cursor: pointer;
   font-size: 12px;
   visibility: hidden
}

.semi-transfer-left {
   border-right: 1px solid var(--semi-color-border);
   display: flex;
   flex-direction: column;
   width: 50%
}

.semi-transfer-left-list {
   flex-grow: 1;
   overflow: auto
}

.semi-transfer-left-empty {
   height: 36px
}

.semi-transfer-left>.semi-spin {
   flex-grow: 1;
   width: 100%
}

.semi-transfer-right {
   display: flex;
   flex-direction: column;
   position: relative;
   width: 50%
}

.semi-transfer-right-header {
   flex-shrink: 0;
   height: 32px;
   margin-bottom: 0;
   margin-top: 12px
}

.semi-transfer-right-list {
   flex-grow: 1;
   overflow: auto
}

.semi-transfer-right-item {
   color: var(--semi-color-text-0);
   cursor: auto
}

.semi-transfer-right-item:hover .semi-transfer-item-close-icon {
   cursor: pointer;
   flex-shrink: 0;
   visibility: visible
}

.semi-transfer-right-item:hover .semi-transfer-item-close-icon.semi-transfer-item-close-icon-disabled {
   visibility: hidden
}

.semi-transfer-right-item-text {
   flex: 1 1;
   word-break: break-all
}

.semi-transfer-right-item-drag-handler {
   cursor: move;
   flex-shrink: 0;
   margin-right: 4px
}

.semi-transfer-right-item-drag-item-move {
   z-index: 2000
}

.semi-transfer-right-item-sortable-item-active {
   opacity: 0
}

.semi-transfer-right-empty {
   height: 100%;
   position: absolute
}

.semi-transfer-empty {
   align-items: center;
   color: var(--semi-color-text-2);
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   justify-content: center;
   line-height: 16px;
   width: 100%
}

.semi-transfer-filter {
   margin-bottom: 0;
   margin-left: 12px;
   margin-right: 12px;
   margin-top: 12px
}

.semi-transfer-group-title {
   align-items: center;
   color: var(--semi-color-text-2);
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 12px;
   height: 28px;
   line-height: 16px;
   padding-left: 12px
}

.semi-portal-rtl .semi-transfer,
.semi-rtl .semi-transfer {
   direction: rtl
}

.semi-portal-rtl .semi-transfer-header-all,
.semi-rtl .semi-transfer-header-all {
   margin-left: 0;
   margin-right: 16px
}

.semi-portal-rtl .semi-transfer-item,
.semi-rtl .semi-transfer-item {
   padding-left: 9px;
   padding-right: 12px
}

.semi-portal-rtl .semi-transfer-left,
.semi-rtl .semi-transfer-left {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0
}

.semi-portal-rtl .semi-transfer-group-title,
.semi-rtl .semi-transfer-group-title {
   padding-left: 0;
   padding-right: 12px
}

.semi-image {
   border-radius: var(--semi-border-radius-small);
   display: inline-block;
   overflow: hidden;
   position: relative
}

.semi-image-img {
   border-radius: inherit;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   vertical-align: top
}

.semi-image-img-preview {
   cursor: zoom-in
}

.semi-image-img-error {
   opacity: 0
}

.semi-image-overlay {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%
}

.semi-image-status {
   align-items: center;
   background-color: var(--semi-color-fill-0);
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-disabled-text);
   display: flex;
   height: 100%;
   justify-content: center;
   width: 100%
}

.semi-image-preview {
   background-color: var(--semi-color-overlay-bg);
   height: 100%;
   left: 0;
   overflow: hidden;
   position: fixed;
   top: 0;
   transition: opacity .5s;
   width: 100%;
   z-index: 1070
}

.semi-image-preview-popup {
   position: absolute
}

.semi-image-preview .semi-image-preview-hide {
   opacity: 0
}

.semi-image-preview-icon {
   align-items: center;
   background: rgba(0, 0, 0, .75);
   border-radius: 50%;
   color: var(--semi-color-white);
   cursor: pointer;
   display: flex;
   height: 40px;
   justify-content: center;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 40px
}

.semi-image-preview-prev {
   left: 24px
}

.semi-image-preview-next {
   right: 24px
}

.semi-image-preview-header {
   align-items: center;
   color: var(--semi-color-white);
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 400;
   height: 60px;
   justify-content: space-between;
   left: 0;
   line-height: 22px;
   padding: 0 24px;
   pointer-events: none;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1
}

.semi-image-preview-header-title {
   flex: 1 1
}

.semi-image-preview-header-close {
   align-items: center;
   border-radius: 50%;
   cursor: pointer;
   display: flex;
   height: 30px;
   justify-content: center;
   pointer-events: auto;
   width: 30px
}

.semi-image-preview-header-close:hover {
   background-color: rgba(0, 0, 0, .75)
}

.semi-image-preview-footer {
   align-items: center;
   display: flex
}

.semi-image-preview-footer-content {
   background: rgba(0, 0, 0, .75);
   border-radius: var(--semi-border-radius-medium);
   height: 48px;
   padding: 0 16px
}

.semi-image-preview-footer-wrapper {
   bottom: 16px;
   left: 50%;
   position: absolute;
   transform: translateX(-50%)
}

.semi-image-preview-footer-page {
   color: var(--semi-color-white);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 16px;
   line-height: 22px;
   margin: 0 12px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.semi-image-preview-footer .semi-icon {
   color: var(--semi-color-white);
   cursor: pointer
}

.semi-image-preview-footer-gap {
   margin-left: 16px
}

.semi-image-preview-footer .semi-slider {
   padding: 0 16px;
   width: 132px
}

.semi-image-preview-footer .semi-slider .semi-slider-rail {
   color: var(--semi-color-white);
   height: 2px
}

.semi-image-preview-footer .semi-slider .semi-slider-track {
   height: 2px
}

.semi-image-preview-footer .semi-slider .semi-slider-handle {
   box-sizing: border-box;
   height: 16px;
   margin-top: 8px;
   width: 16px
}

.semi-image-preview-footer .semi-divider {
   background: hsla(0, 0%, 100%, .5);
   margin: 0 16px
}

.semi-image-preview-footer .semi-image-preview-footer-disabled {
   color: hsla(0, 0%, 98%, .35);
   cursor: default;
   pointer-events: none
}

.semi-image-preview-image {
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center;
   position: relative
}

.semi-image-preview-image-img {
   max-width: none;
   position: absolute;
   transform: scaleX(1) var(--semi-transform-rotate-none);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   z-index: 0
}

.semi-image-preview-image-spin {
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%)
}

.semi-image-preview-image-spin .semi-spin-wrapper {
   color: #ccc
}

@keyframes spinner {
   to {
      transform: var(--semi-transform_rotate-clockwise360deg)
   }
}

img:not([src]),
img[src=""] {
   opacity: 0
}

.semi-portal-rtl .semi-image-preview,
.semi-portal-rtl .semi-image-preview-group,
.semi-rtl .semi-image-preview,
.semi-rtl .semi-image-preview-group {
   direction: rtl
}

.semi-portal-rtl .semi-image-preview-prev,
.semi-rtl .semi-image-preview-prev {
   left: auto;
   right: 24px;
   transform: var(--semi-transform_rotate-clockwise180deg)
}

.semi-portal-rtl .semi-image-preview-next,
.semi-rtl .semi-image-preview-next {
   left: 24px;
   right: auto;
   transform: var(--semi-transform_rotate-clockwise180deg)
}

.semi-portal-rtl .semi-image-preview-footer-page,
.semi-rtl .semi-image-preview-footer-page {
   direction: rtl;
   display: flex
}

.semi-portal-rtl .semi-image-preview-footer-gap,
.semi-rtl .semi-image-preview-footer-gap {
   margin-left: 0;
   margin-right: 16px
}

.semi-portal-rtl .semi-image-preview-footer .semi-icon-chevron_left,
.semi-portal-rtl .semi-image-preview-footer .semi-icon-chevron_right,
.semi-rtl .semi-image-preview-footer .semi-icon-chevron_left,
.semi-rtl .semi-image-preview-footer .semi-icon-chevron_right {
   transform: var(--semi-transform_rotate-clockwise180deg)
}

.coz-avatar {
   overflow: hidden;
   position: relative
}

.coz-avatar .coz-avatar-editable-mask {
   align-items: center;
   background-color: rgba(var(--coze-mask-5), .4);
   display: flex;
   height: 100%;
   justify-content: center;
   opacity: 0;
   position: absolute;
   transition-duration: .2s;
   transition-property: opacity;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   transition-timing-function: cubic-bezier(.4, 0, 1, 1);
   width: 100%;
   z-index: 50
}

.coz-avatar .coz-avatar-editable-mask:hover {
   opacity: 1
}

.coz-avatar.coz-avatar-ultra .semi-avatar-label {
   font-size: var(--coze-64)
}

.coz-avatar.coz-avatar-xxl .semi-avatar-label {
   font-size: var(--coze-36)
}

.coz-avatar.coz-avatar-xl .semi-avatar-label {
   font-size: var(--coze-24)
}

.coz-avatar.coz-avatar-lg .semi-avatar-label {
   font-size: var(--coze-18)
}

.coz-avatar.coz-avatar-plus .semi-avatar-label {
   font-size: var(--coze-16)
}

.coz-avatar.coz-avatar-default .semi-avatar-label {
   font-size: var(--coze-15)
}

.coz-avatar.coz-avatar-small .semi-avatar-label {
   font-size: var(--coze-14)
}

.coz-avatar.coz-avatar-micro .semi-avatar-label,
.coz-avatar.coz-avatar-mini .semi-avatar-label {
   font-size: var(--coze-12)
}

.coz-avatar-group .semi-avatar-group .semi-avatar {
   border-color: rgb(var(--coze-stroke-opaque));
   border-style: solid;
   border-width: var(--coze-1)
}

.coz-avatar-group .semi-avatar-group .semi-avatar-default.semi-avatar-item-more {
   font-size: var(--coze-15);
   height: var(--coze-32);
   width: var(--coze-32)
}

.coz-avatar-group .semi-avatar-group .semi-avatar-small.semi-avatar-item-more {
   font-size: var(--coze-12);
   height: var(--coze-24);
   width: var(--coze-24)
}

.coz-avatar-group .semi-avatar-group .semi-avatar-medium.semi-avatar-item-more {
   font-size: var(--coze-14);
   height: var(--coze-48);
   width: var(--coze-48)
}

.coz-avatar-group .semi-avatar-group .semi-avatar-large.semi-avatar-item-more {
   font-size: var(--coze-18);
   height: var(--coze-48);
   width: var(--coze-48)
}

.coz-badge {
   display: inline-flex
}

.coz-badge .semi-badge-rightTop:not(.semi-badge-dot) {
   transform: translate(8px, -8px)
}

.coz-badge.coz-badge-default .semi-badge-count {
   background-color: rgba(var(--coze-red-5), 1);
   border-width: 0;
   color: rgba(var(--coze-fg-7), 1);
   font-size: var(--coze-12);
   font-weight: 500;
   height: var(--coze-16);
   line-height: var(--coze-16);
   min-width: var(--coze-16)
}

.coz-badge.coz-badge-mini .semi-badge-primary.semi-badge-solid {
   background-color: rgba(var(--coze-red-5), 1);
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-width: 0;
   height: var(--coze-6);
   width: var(--coze-6)
}

.coz-badge.coz-badge-alt .semi-badge-count {
   background-color: rgba(var(--coze-brand-5), 1);
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-width: 0;
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
   font-size: var(--coze-12);
   font-weight: 500;
   height: var(--coze-16);
   line-height: var(--coze-16);
   min-width: var(--coze-16)
}

.coz-button {
   border-style: none;
   cursor: pointer
}

.coz-button.semi-button-disabled {
   cursor: not-allowed
}

.coz-button.semi-button.coz-btn-brand {
   background-color: rgba(var(--coze-brand-5), 1);
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

.coz-button.semi-button.coz-btn-brand.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover {
   background-color: rgba(var(--coze-brand-6), 1)
}

.coz-button.semi-button.coz-btn-brand.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active {
   background-color: rgba(var(--coze-brand-7), 1)
}

.coz-button.semi-button.coz-btn-brand:disabled {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-button.semi-button.coz-btn-brand:disabled,
.coz-button.semi-button.coz-btn-brand:disabled:active,
.coz-button.semi-button.coz-btn-brand:disabled:hover {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

.coz-button.semi-button.coz-btn-highlight {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
   color: rgba(var(--coze-brand-5), 1)
}

.coz-button.semi-button.coz-btn-highlight.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover {
   background-color: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha))
}

.coz-button.semi-button.coz-btn-highlight.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-button.semi-button.coz-btn-highlight:disabled {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

.coz-button.semi-button.coz-btn-highlight:disabled,
.coz-button.semi-button.coz-btn-highlight:disabled:active,
.coz-button.semi-button.coz-btn-highlight:disabled:hover {
   color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-button.semi-button.coz-btn-primary {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.coz-button.semi-button.coz-btn-primary.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-button.semi-button.coz-btn-primary.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active {
   background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha))
}

.coz-button.semi-button.coz-btn-primary:disabled {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-button.semi-button.coz-btn-primary:disabled,
.coz-button.semi-button.coz-btn-primary:disabled:active,
.coz-button.semi-button.coz-btn-primary:disabled:hover {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-button.semi-button.coz-btn-secondary {
   background-color: transparent;
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.coz-button.semi-button.coz-btn-secondary.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-button.semi-button.coz-btn-secondary.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-button.semi-button.coz-btn-secondary:disabled,
.coz-button.semi-button.coz-btn-secondary:disabled:active,
.coz-button.semi-button.coz-btn-secondary:disabled:hover {
   background-color: transparent;
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-button.semi-button.coz-btn-yellow {
   background-color: rgba(var(--coze-yellow-5), 1);
   color: rgba(var(--coze-fg-7), 1)
}

.coz-button.semi-button.coz-btn-yellow.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover {
   background-color: rgba(var(--coze-yellow-6), 1)
}

.coz-button.semi-button.coz-btn-yellow.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active {
   background-color: rgba(var(--coze-yellow-7), 1)
}

.coz-button.semi-button.coz-btn-yellow:disabled {
   background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha))
}

.coz-button.semi-button.coz-btn-yellow:disabled,
.coz-button.semi-button.coz-btn-yellow:disabled:active,
.coz-button.semi-button.coz-btn-yellow:disabled:hover {
   color: rgba(var(--coze-fg-white), var(--coze-fg-white-alpha))
}

.coz-button.semi-button.coz-btn-red {
   background-color: rgba(var(--coze-red-5), 1);
   color: rgba(var(--coze-fg-7), 1)
}

.coz-button.semi-button.coz-btn-red.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover {
   background-color: rgba(var(--coze-red-6), 1)
}

.coz-button.semi-button.coz-btn-red.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active {
   background-color: rgba(var(--coze-red-7), 1)
}

.coz-button.semi-button.coz-btn-red:disabled {
   background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

.coz-button.semi-button.coz-btn-red:disabled,
.coz-button.semi-button.coz-btn-red:disabled:active,
.coz-button.semi-button.coz-btn-red:disabled:hover {
   color: rgba(var(--coze-fg-white), var(--coze-fg-white-alpha))
}

.coz-button.semi-button.coz-btn-redhglt {
   background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha));
   color: rgba(var(--coze-red-5), 1)
}

.coz-button.semi-button.coz-btn-redhglt.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover {
   background-color: rgba(var(--coze-red-2), var(--coze-red-2-alpha))
}

.coz-button.semi-button.coz-btn-redhglt.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active {
   background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

.coz-button.semi-button.coz-btn-redhglt:disabled {
   background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha))
}

.coz-button.semi-button.coz-btn-redhglt:disabled,
.coz-button.semi-button.coz-btn-redhglt:disabled:active,
.coz-button.semi-button.coz-btn-redhglt:disabled:hover {
   color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

.coz-button.semi-button.coz-btn-green {
   background-color: rgba(var(--coze-green-5), 1);
   color: rgba(var(--coze-fg-7), 1)
}

.coz-button.semi-button.coz-btn-green.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover {
   background-color: rgba(var(--coze-green-6), 1)
}

.coz-button.semi-button.coz-btn-green.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active {
   background-color: rgba(var(--coze-green-7), 1)
}

.coz-button.semi-button.coz-btn-green:disabled {
   background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha))
}

.coz-button.semi-button.coz-btn-green:disabled,
.coz-button.semi-button.coz-btn-green:disabled:active,
.coz-button.semi-button.coz-btn-green:disabled:hover {
   color: rgba(var(--coze-fg-white), var(--coze-fg-white-alpha))
}

.coz-button.semi-button.coz-btn-ai-plus {
   background: linear-gradient(90deg, rgba(var(--coze-brand-5), 1) 0, rgba(var(--coze-purple-5), 1) 100%);
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

.coz-button.semi-button.coz-btn-ai-plus.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover {
   background: linear-gradient(90deg, rgba(var(--coze-brand-6), 1) 0, rgba(var(--coze-purple-6), 1) 100%)
}

.coz-button.semi-button.coz-btn-ai-plus.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active {
   background: linear-gradient(90deg, rgba(var(--coze-brand-7), 1) 0, rgba(var(--coze-purple-7), 1) 100%)
}

.coz-button.semi-button.coz-btn-ai-plus:disabled {
   background: linear-gradient(90deg, rgba(var(--coze-brand-3), var(--coze-brand-3-alpha)) 0, rgba(var(--coze-purple-3), var(--coze-purple-3-alpha)) 100%)
}

.coz-button.semi-button.coz-btn-ai-plus:disabled,
.coz-button.semi-button.coz-btn-ai-plus:disabled:active,
.coz-button.semi-button.coz-btn-ai-plus:disabled:hover {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

.coz-button.semi-button.coz-btn-ai-hglt,
.coz-button.semi-button.coz-btn-ai-primary {
   background: linear-gradient(90deg, rgba(var(--coze-brand-1), var(--coze-brand-1-alpha)) 0, rgba(var(--coze-purple-1), var(--coze-purple-1-alpha)) 100%)
}

.coz-button.semi-button.coz-btn-ai-hglt.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover,
.coz-button.semi-button.coz-btn-ai-primary.semi-button-primary:not(.semi-button-borderless, .semi-button-light):hover {
   background: linear-gradient(90deg, rgba(var(--coze-brand-2), var(--coze-brand-2-alpha)) 0, rgba(var(--coze-purple-2), var(--coze-purple-2-alpha)) 100%)
}

.coz-button.semi-button.coz-btn-ai-hglt.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active,
.coz-button.semi-button.coz-btn-ai-primary.semi-button-primary:not(.semi-button-borderless, .semi-button-light):active {
   background: linear-gradient(90deg, rgba(var(--coze-brand-3), var(--coze-brand-3-alpha)) 0, rgba(var(--coze-purple-3), var(--coze-purple-3-alpha)) 100%)
}

.coz-button.semi-button.coz-btn-ai-hglt .coz-ai-button-text,
.coz-button.semi-button.coz-btn-ai-primary .coz-ai-button-text {
   -webkit-text-fill-color: transparent;
   background: linear-gradient(90deg, rgba(var(--coze-brand-5), 1) 0, rgba(var(--coze-purple-5), 1) 100%);
   -webkit-background-clip: text;
   background-clip: text
}

.coz-button.semi-button.coz-btn-ai-hglt:disabled,
.coz-button.semi-button.coz-btn-ai-primary:disabled {
   background: linear-gradient(90deg, rgba(var(--coze-brand-1), var(--coze-brand-1-alpha)) 0, rgba(var(--coze-purple-1), var(--coze-purple-1-alpha)) 100%);
   color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-button.semi-button.coz-btn-ai-hglt:disabled:active,
.coz-button.semi-button.coz-btn-ai-hglt:disabled:hover,
.coz-button.semi-button.coz-btn-ai-primary:disabled:active,
.coz-button.semi-button.coz-btn-ai-primary:disabled:hover {
   color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-button.semi-button.coz-btn-ai-hglt:disabled .coz-ai-button-text,
.coz-button.semi-button.coz-btn-ai-primary:disabled .coz-ai-button-text {
   -webkit-text-fill-color: transparent;
   background: linear-gradient(90deg, rgba(var(--coze-brand-3), var(--coze-brand-3-alpha)) 0, rgba(var(--coze-purple-3), var(--coze-purple-3-alpha)) 100%);
   -webkit-background-clip: text;
   background-clip: text
}

.coz-button.semi-button.coz-btn-ai-primary,
.coz-button.semi-button.coz-btn-ai-primary:disabled {
   background: transparent
}

.coz-button.semi-button .coz-btn-loading {
   animation: semi-animation-rotate .6s linear infinite;
   animation-fill-mode: forwards
}

.coz-button.coz-btn-large {
   border-radius: var(--coze-10);
   border-width: 0;
   font-size: var(--coze-16);
   height: var(--coze-40);
   min-width: var(--coze-40);
   padding-bottom: var(--coze-9);
   padding-left: var(--coze-20);
   padding-right: var(--coze-20);
   padding-top: var(--coze-9)
}

.coz-button.coz-btn-large.semi-button-with-icon-only {
   width: var(--coze-40)
}

.coz-button.coz-btn-large .semi-button-content-left {
   margin-right: var(--coze-8)
}

.coz-button.coz-btn-large .semi-button-content-right {
   margin-left: var(--coze-8)
}

.coz-button.coz-btn-default {
   border-radius: var(--coze-8);
   border-width: 0;
   font-size: var(--coze-14);
   height: var(--coze-32);
   min-width: var(--coze-32);
   padding-bottom: var(--coze-6);
   padding-left: var(--coze-16);
   padding-right: var(--coze-16);
   padding-top: var(--coze-6)
}

.coz-button.coz-btn-default.semi-button-with-icon-only {
   width: var(--coze-32)
}

.coz-button.coz-btn-default .semi-button-content-left {
   margin-right: var(--coze-6)
}

.coz-button.coz-btn-default .semi-button-content-right {
   margin-left: var(--coze-8)
}

.coz-button.coz-btn-small {
   border-radius: var(--coze-5);
   border-width: 0;
   font-size: var(--coze-12);
   height: var(--coze-24);
   min-width: var(--coze-24);
   padding-bottom: var(--coze-4);
   padding-left: var(--coze-8);
   padding-right: var(--coze-8);
   padding-top: var(--coze-4)
}

.coz-button.coz-btn-small.semi-button-with-icon-only {
   width: var(--coze-24)
}

.coz-button.coz-btn-small .semi-button-content-left {
   margin-right: var(--coze-4)
}

.coz-button.coz-btn-small .semi-button-content-right {
   margin-left: var(--coze-4)
}

.coz-button.coz-btn-mini {
   border-radius: var(--coze-4);
   border-width: 0;
   font-size: var(--coze-12);
   font-weight: 400;
   height: var(--coze-16);
   min-width: var(--coze-16);
   padding-bottom: 0;
   padding-left: var(--coze-5);
   padding-right: var(--coze-5);
   padding-top: 0
}

.coz-button.coz-btn-mini.semi-button-with-icon-only {
   width: var(--coze-16)
}

.coz-button.coz-btn-mini .semi-button-content-left {
   margin-right: var(--coze-2)
}

.coz-button.coz-btn-mini .semi-button-content-right {
   margin-left: var(--coze-2)
}

.coz-icon-button.coz-icon-button-large .semi-button-with-icon-only {
   padding: 11px
}

.coz-icon-button.coz-icon-button-large .semi-button-content-left {
   margin-right: var(--coze-8)
}

.coz-icon-button.coz-icon-button-large .semi-button-content-right {
   margin-left: var(--coze-8)
}

.coz-icon-button.coz-icon-button-default .semi-button-with-icon-only {
   padding: var(--coze-8)
}

.coz-icon-button.coz-icon-button-default .semi-button-content-left {
   margin-right: var(--coze-6)
}

.coz-icon-button.coz-icon-button-default .semi-button-content-right {
   margin-left: var(--coze-6)
}

.coz-icon-button.coz-icon-button-small .semi-button-with-icon-only {
   padding: var(--coze-5)
}

.coz-icon-button.coz-icon-button-small .semi-button-content-left {
   margin-right: var(--coze-4)
}

.coz-icon-button.coz-icon-button-small .semi-button-content-right {
   margin-left: var(--coze-4)
}

.coz-icon-button.coz-icon-button-mini .semi-button-with-icon-only {
   padding: var(--coze-2)
}

.coz-icon-button.coz-icon-button-mini .semi-button-content-left {
   margin-right: var(--coze-2)
}

.coz-icon-button.coz-icon-button-mini .semi-button-content-right {
   margin-left: var(--coze-2)
}

.coz-split-button {
   align-items: flex-start;
   display: inline-flex
}

.coz-btn-large .coz-badge-layout {
   margin-left: 11px;
   margin-right: -3px
}

.coz-btn-default .coz-badge-layout {
   margin-left: 9px;
   margin-right: -3px
}

.coz-btn-small .coz-badge-layout {
   margin-left: 7px;
   margin-right: -1px
}

.coz-btn-brand .coz-badge-layout {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

.coz-badge.semi-badge.coz-badge-mini.coz-btn-badge-brand .semi-badge-dot,
.coz-badge.semi-badge.coz-badge-mini.coz-btn-badge-hgltplus .semi-badge-dot {
   background-color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

.coz-badge.semi-badge.coz-badge-mini.coz-btn-badge-highlight .semi-badge-dot {
   background-color: rgba(var(--coze-brand-5), 1)
}

.coz-badge.semi-badge.coz-badge-mini.coz-btn-badge-primary .semi-badge-dot,
.coz-badge.semi-badge.coz-badge-mini.coz-btn-badge-secondary .semi-badge-dot {
   background-color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.coz-badge.semi-badge.coz-badge-mini.coz-btn-badge-green .semi-badge-dot,
.coz-badge.semi-badge.coz-badge-mini.coz-btn-badge-red .semi-badge-dot,
.coz-badge.semi-badge.coz-badge-mini.coz-btn-badge-yellow .semi-badge-dot {
   background-color: rgba(var(--coze-fg-7), 1)
}

.coz-badge .coz-icon-button+.semi-badge-rightTop:not(.semi-badge-dot) {
   transform: translate(50%, -50%)
}

.coz-icon-button-large+.semi-badge-rightTop {
   right: 2.93px;
   top: 2.93px
}

.coz-icon-button-large.coz-icon-button-secondary+.semi-badge-rightTop {
   right: 10px;
   top: 10px
}

.coz-icon-button-default+.semi-badge-rightTop {
   right: 2.3px;
   top: 2.3px
}

.coz-icon-button-default.coz-icon-button-secondary+.semi-badge-rightTop {
   right: 7px;
   top: 7px
}

.coz-icon-button-small+.semi-badge-rightTop {
   right: 1.76px;
   top: 1.76px
}

.coz-icon-button-small.coz-icon-button-secondary+.semi-badge-rightTop {
   right: 4px;
   top: 4px
}

.coz-toast.semi-toast {
   border-radius: 8px;
   border-width: 0;
   margin: var(--coze-4);
   white-space: nowrap
}

.coz-toast.semi-toast .semi-toast-content {
   align-items: center;
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-radius: 8px;
   border-width: 0;
   display: inline-flex;
   justify-content: center;
   margin: 0;
   padding-bottom: var(--coze-14);
   padding-left: var(--coze-16);
   padding-right: var(--coze-16);
   padding-top: var(--coze-14);
   pointer-events: auto
}

.coz-toast.semi-toast .semi-toast-content .semi-toast-content-text {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   margin-left: var(--coze-6);
   margin-right: var(--coze-6)
}

.coz-toast.semi-toast .semi-toast-close-button {
   height: var(--coze-24);
   margin-top: 0
}

.coz-toast.semi-toast .semi-toast-close-button .semi-button-borderless:not(.semi-button-disabled):hover {
   background-image: none;
   border-radius: var(--coze-4)
}

.coz-toast.semi-toast.coz-toast-info .semi-toast-content {
   background: linear-gradient(180deg, rgba(var(--coze-brand-1), var(--coze-brand-1-alpha)) 0, rgba(var(--coze-brand-5), 0) 100%), rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-color: rgba(var(--coze-brand-5), 1);
   border-style: solid;
   border-width: var(--coze-1)
}

.coz-toast.semi-toast.coz-toast-warning .semi-toast-content {
   background: linear-gradient(180deg, rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha)) 0, rgba(var(--coze-yellow-5), 0) 100%), rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-color: rgba(var(--coze-yellow-5), 1);
   border-style: solid;
   border-width: var(--coze-1)
}

.coz-toast.semi-toast.coz-toast-success .semi-toast-content {
   background: linear-gradient(180deg, rgba(var(--coze-green-1), var(--coze-green-1-alpha)) 0, rgba(var(--coze-green-5), 0) 100%), rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-color: rgba(var(--coze-green-5), 1);
   border-style: solid;
   border-width: var(--coze-1)
}

.coz-toast.semi-toast.coz-toast-error .semi-toast-content {
   background: linear-gradient(180deg, rgba(var(--coze-red-1), var(--coze-red-1-alpha)) 0, rgba(var(--coze-red-5), 0) 100%), rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-color: rgba(var(--coze-red-5), 1);
   border-style: solid;
   border-width: var(--coze-1)
}

.coz-loading-wrapper.coz-loading-large,
.coz-loading-wrapper.coz-loading-large .semi-spin-wrapper svg {
   height: var(--coze-32);
   width: var(--coze-32)
}

.coz-loading-wrapper.coz-loading-middle,
.coz-loading-wrapper.coz-loading-middle .semi-spin-wrapper svg {
   height: var(--coze-24);
   width: var(--coze-24)
}

.coz-loading-wrapper.coz-loading-normal,
.coz-loading-wrapper.coz-loading-normal .semi-spin-wrapper svg {
   height: var(--coze-20);
   width: var(--coze-20)
}

.coz-loading-wrapper.coz-loading-small,
.coz-loading-wrapper.coz-loading-small .semi-spin-wrapper svg {
   height: var(--coze-14);
   width: var(--coze-14)
}

.coz-loading-wrapper.semi-spin-block {
   width: 100%
}

.coz-loading-wrapper .semi-spin-animate {
   animation-duration: 1.3s
}

.coz-step-item.semi-steps-item.coz-step-item-without-desc .semi-steps-item-title {
   padding-bottom: 0
}

.coz-pagination .semi-page-item {
   border-style: none;
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-weight: 500
}

.coz-pagination .semi-page-item:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-pagination .semi-page-item:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-pagination .semi-page-item {
   margin-left: .125rem;
   margin-right: .125rem
}

.coz-pagination .semi-page-item-active {
   color: rgba(var(--coze-brand-5), 1)
}

.coz-pagination .semi-page-item-active,
.coz-pagination .semi-page-item-active:active,
.coz-pagination .semi-page-item-active:hover {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

.coz-pagination .semi-input-wrapper input[type=text] {
   border-radius: .5rem;
   padding-bottom: 0;
   padding-left: var(--coze-4);
   padding-right: var(--coze-4);
   padding-top: 0
}

.coz-pagination .semi-page-next,
.coz-pagination .semi-page-prev {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.coz-pagination .semi-page-next .icon-icon,
.coz-pagination .semi-page-prev .icon-icon {
   font-size: var(--coze-18);
   font-weight: 400
}

.coz-pagination .semi-page-item-disabled {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-pagination .semi-page-item-disabled:active,
.coz-pagination .semi-page-item-disabled:hover {
   background-color: transparent
}

.coz-pagination .semi-page-switch .semi-select-selection,
.coz-pagination .semi-page-total {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: var(--coze-14);
   font-weight: 400
}

.coz-pagination .semi-page-item+.semi-page-switch .semi-select {
   background-color: transparent
}

.coz-pagination .semi-page-item+.semi-page-quickjump .semi-input-wrapper {
   background-color: transparent;
   height: var(--coze-32)
}

.coz-pagination .semi-page-item+.semi-page-quickjump .semi-input-wrapper input {
   background-color: transparent
}

.coz-pagination .semi-page-item+.semi-page-quickjump .semi-input-wrapper-focus input {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
   border-color: rgba(var(--coze-brand-5), 1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.coz-pagination-size-small .semi-page-switch .semi-select-selection,
.coz-pagination-size-small .semi-page-total {
   font-size: var(--coze-12);
   font-weight: 400
}

.coz-pagination-size-small .semi-page-item {
   font-size: var(--coze-12);
   height: 1.5rem;
   margin-left: 1.5px;
   margin-right: 1.5px;
   min-height: 24px;
   min-width: 24px;
   width: 1.5rem
}

.coz-pagination-size-small .semi-page-next .icon-icon,
.coz-pagination-size-small .semi-page-prev .icon-icon {
   font-size: var(--coze-16)
}

.coz-pagination-layout-simple .semi-page-item {
   font-size: var(--coze-14)
}

.coz-pagination-size-small.coz-pagination-layout-simple .semi-page-item {
   font-size: var(--coze-12)
}

.coz-menu .coz-menu-divider {
   margin-bottom: var(--coze-6);
   margin-top: var(--coze-6);
   min-width: calc(100% - 8px);
   width: calc(100% - 8px)
}

.coz-menu.semi-dropdown-menu {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-radius: var(--coze-8);
   padding-left: var(--coze-4);
   padding-right: var(--coze-4)
}

.coz-menu.semi-dropdown-menu .coz-list-item>.coz-item-text,
.coz-menu.semi-dropdown-menu .semi-dropdown-title {
   font-weight: 400
}

.coz-item-selected:is(.coz-menu.semi-dropdown-menu .semi-dropdown-title, .coz-menu.semi-dropdown-menu .coz-list-item>.coz-item-text) {
   font-weight: 500
}

.coz-menu.semi-dropdown-menu .coz-list-item,
.coz-menu.semi-dropdown-menu .semi-dropdown-title {
   padding-left: var(--coze-8);
   padding-right: var(--coze-8)
}

.coz-menu.semi-dropdown-menu .semi-dropdown-title {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.coz-menu.semi-dropdown-menu .coz-list-item {
   border-radius: var(--coze-4);
   height: var(--coze-32);
   margin-bottom: var(--coze-2)
}

.coz-menu.semi-dropdown-menu .coz-list-item:last-child {
   margin-bottom: 0
}

.coz-menu.semi-dropdown-menu .coz-list-item:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-menu.semi-dropdown-menu .coz-list-item:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-menu.semi-dropdown-menu .coz-list-item>.coz-item-text {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: var(--coze-14);
   margin-right: auto
}

.coz-menu.semi-dropdown-menu .coz-list-item>.coz-item-danger {
   color: rgba(var(--coze-red-5), 1)
}

.coz-menu.semi-dropdown-menu .coz-list-item>.coz-item-warning {
   color: rgba(var(--coze-yellow-5), 1)
}

.coz-menu.semi-dropdown-menu .coz-list-item>.coz-item-primary {
   color: rgba(var(--coze-brand-5), 1)
}

.coz-menu.semi-dropdown-menu .coz-list-item>.coz-item-secondary {
   color: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha))
}

.coz-menu.semi-dropdown-menu .semi-dropdown-item-disabled:hover {
   background-color: transparent;
   cursor: not-allowed
}

.coz-menu.semi-dropdown-menu .semi-dropdown-item-disabled .coz-item-text {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-menu.semi-dropdown-menu .semi-dropdown-item-disabled .coz-item-text.coz-item-danger {
   color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

.coz-menu.semi-dropdown-menu .semi-dropdown-item-disabled .coz-item-text.coz-item-warning {
   color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha))
}

.coz-menu.semi-dropdown-menu .semi-dropdown-item-disabled .coz-item-text.coz-item-primary {
   color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-menu.semi-dropdown-menu .semi-dropdown-item-disabled .coz-item-text.coz-item-secondary {
   color: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha))
}

.coz-menu.coz-selection-mode.semi-dropdown-menu .semi-dropdown-item-icon {
   left: var(--coze-8);
   position: absolute
}

.coz-menu.coz-selection-mode.semi-dropdown-menu .coz-list-item,
.coz-menu.coz-selection-mode.semi-dropdown-menu .semi-dropdown-title {
   padding-left: var(--coze-32)
}

.coz-menu.coz-selection-mode.semi-dropdown-menu .coz-item-text {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   margin-right: auto
}

.coz-menu-wrapper:is(.semi-dropdown-wrapper) {
   --tw-shadow: 0 4px 12px 0px rgba(var(--coze-shadow-0), 0.08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.04);
   --tw-shadow-colored: 0 4px 12px 0px var(--tw-shadow-color), 0px 8px 24px 0px var(--tw-shadow-color);
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: var(--coze-8);
   border-style: solid;
   border-width: var(--coze-1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.coz-menu-wrapper .semi-dropdown .semi-dropdown-menu:not(.coz-selection-mode) {
   padding-left: var(--coze-4);
   padding-right: var(--coze-4)
}

.coz-menu-wrapper .semi-dropdown .semi-dropdown-menu:not(.coz-selection-mode) .semi-dropdown-title {
   padding-left: var(--coze-8);
   padding-right: var(--coze-8)
}

.coz-menu-wrapper .semi-dropdown .semi-dropdown-menu:not(.coz-selection-mode) .semi-dropdown-item {
   align-items: center;
   border-radius: var(--coze-4);
   display: flex;
   font-size: var(--coze-14);
   margin-bottom: var(--coze-2);
   padding: var(--coze-4)
}

.coz-menu-wrapper .semi-dropdown .semi-dropdown-menu:not(.coz-selection-mode) .semi-dropdown-item:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-menu-wrapper .semi-dropdown .semi-dropdown-menu:not(.coz-selection-mode) .semi-dropdown-item:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-checkbox.semi-checkbox-unChecked:not(.semi-checkbox-indeterminate, .semi-checkbox-disabled) .semi-checkbox-inner-display:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-checkbox.semi-checkbox-unChecked:not(.semi-checkbox-indeterminate, .semi-checkbox-disabled) .semi-checkbox-inner-display:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-checkbox.semi-checkbox-unChecked:not(.semi-checkbox-indeterminate, .semi-checkbox-disabled) .semi-checkbox-inner-display {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   border-color: rgba(var(--coze-stroke-7), var(--coze-stroke-7-alpha));
   border-style: solid;
   border-width: var(--coze-1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.coz-checkbox.semi-checkbox-disabled .semi-checkbox-inner .semi-checkbox-inner-display {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   border-style: none;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   opacity: 1
}

.coz-checkbox.semi-checkbox-disabled .semi-checkbox-inner .semi-checkbox-inner-display svg {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

.coz-banner {
   border-radius: 0;
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-weight: 400;
   padding-bottom: var(--coze-4);
   padding-left: var(--coze-18);
   padding-right: var(--coze-18);
   padding-top: var(--coze-4)
}

.coz-banner.semi-banner-info:where(.semi-banner-info, .semi-banner-success, .semi-banner-warning, .semi-banner-danger) {
   background-color: rgba(var(--coze-brand-0), var(--coze-brand-0-alpha))
}

.coz-banner.semi-banner-success:where(.semi-banner-info, .semi-banner-success, .semi-banner-warning, .semi-banner-danger) {
   background-color: rgba(var(--coze-green-0), var(--coze-green-0-alpha))
}

.coz-banner.semi-banner-warning:where(.semi-banner-info, .semi-banner-success, .semi-banner-warning, .semi-banner-danger) {
   background-color: rgba(var(--coze-yellow-0), var(--coze-yellow-0-alpha))
}

.coz-banner.semi-banner-danger:where(.semi-banner-info, .semi-banner-success, .semi-banner-warning, .semi-banner-danger) {
   background-color: rgba(var(--coze-red-0), var(--coze-red-0-alpha))
}

.coz-banner.coz-banner-card:where(.semi-banner-info, .semi-banner-success, .semi-banner-warning, .semi-banner-danger) {
   border-radius: var(--coze-8);
   padding-bottom: var(--coze-4);
   padding-left: var(--coze-18);
   padding-right: var(--coze-18);
   padding-top: var(--coze-4)
}

.coz-banner:where(.semi-banner-info, .semi-banner-success, .semi-banner-warning, .semi-banner-danger) .semi-banner-title {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-size: var(--coze-14);
   font-weight: 500
}

.coz-banner:where(.semi-banner-info, .semi-banner-success, .semi-banner-warning, .semi-banner-danger) .semi-banner-description {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-weight: 400
}

.coz-banner:where(.semi-banner-info, .semi-banner-success, .semi-banner-warning, .semi-banner-danger) .semi-banner-content-wrapper .semi-button {
   border-radius: var(--coze-4);
   margin-left: 0
}

.coz-banner.coz-banner-content-start .semi-banner-content-wrapper .semi-banner-content {
   justify-content: flex-start
}

.coz-banner.coz-banner-content-center .semi-banner-content-wrapper .semi-banner-content {
   justify-content: center
}

.coz-banner.coz-banner-card .semi-banner-content-wrapper .semi-button {
   margin-left: 0;
   margin-right: -10px
}

.coz-tag .coz-tag-loading {
   animation: semi-animation-rotate .6s linear infinite;
   animation-fill-mode: forwards
}

.coz-tag.semi-tag {
   border-width: 0
}

.coz-tag .semi-tag-close {
   color: currentColor
}

.coz-tag.coz-tag-small {
   padding-bottom: 4px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 4px
}

.coz-tag.coz-tag-mini {
   padding-bottom: 1px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 1px
}

.coz-tag.coz-tag-mini .semi-tag-prefix-icon {
   padding-right: 2px
}

.coz-tag.coz-tag-mini .semi-tag-close {
   padding-left: 2px
}

.coz-tag.coz-tag-mini .semi-tag-close .semi-icon-small {
   font-size: 8px
}

.coz-tag.coz-tag-brand {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
   color: rgba(var(--coze-brand-5), 1)
}

.coz-tag.coz-tag-brand.coz-tag-disabled,
.coz-tag.coz-tag-brand.coz-tag-loading {
   color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-tag.coz-tag-brand.tag-interactive:hover {
   background-color: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha)) !important
}

.coz-tag.coz-tag-brand.tag-interactive:active {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha)) !important
}

.coz-tag.coz-tag-primary {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.coz-tag.coz-tag-primary.coz-tag-disabled,
.coz-tag.coz-tag-primary.coz-tag-loading {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-tag.coz-tag-primary.tag-interactive:hover {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha)) !important
}

.coz-tag.coz-tag-primary.tag-interactive:active {
   background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha)) !important
}

.coz-tag.coz-tag-green {
   background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha));
   color: rgba(var(--coze-green-5), 1)
}

.coz-tag.coz-tag-green.coz-tag-disabled,
.coz-tag.coz-tag-green.coz-tag-loading {
   color: rgba(var(--coze-green-3), var(--coze-green-3-alpha))
}

.coz-tag.coz-tag-green.tag-interactive:hover {
   background-color: rgba(var(--coze-green-2), var(--coze-green-2-alpha)) !important
}

.coz-tag.coz-tag-green.tag-interactive:active {
   background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha)) !important
}

.coz-tag.coz-tag-yellow {
   background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha));
   color: rgba(var(--coze-yellow-5), 1)
}

.coz-tag.coz-tag-yellow.coz-tag-disabled,
.coz-tag.coz-tag-yellow.coz-tag-loading {
   color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha))
}

.coz-tag.coz-tag-yellow.tag-interactive:hover {
   background-color: rgba(var(--coze-yellow-2), var(--coze-yellow-2-alpha)) !important
}

.coz-tag.coz-tag-yellow.tag-interactive:active {
   background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha)) !important
}

.coz-tag.coz-tag-red {
   background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha));
   color: rgba(var(--coze-red-5), 1)
}

.coz-tag.coz-tag-red.coz-tag-disabled,
.coz-tag.coz-tag-red.coz-tag-loading {
   color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

.coz-tag.coz-tag-red.tag-interactive:hover {
   background-color: rgba(var(--coze-red-2), var(--coze-red-2-alpha)) !important
}

.coz-tag.coz-tag-red.tag-interactive:active {
   background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha)) !important
}

.coz-tag.coz-tag-cyan {
   background-color: rgba(var(--coze-cyan-10), var(--coze-cyan-10-alpha));
   color: rgba(var(--coze-cyan-50), var(--coze-cyan-50-alpha))
}

.coz-tag.coz-tag-cyan.coz-tag-disabled,
.coz-tag.coz-tag-cyan.coz-tag-loading {
   color: rgba(var(--coze-cyan-30), var(--coze-cyan-30-alpha))
}

.coz-tag.coz-tag-cyan.tag-interactive:hover {
   background-color: rgba(var(--coze-cyan-20), var(--coze-cyan-20-alpha)) !important
}

.coz-tag.coz-tag-cyan.tag-interactive:active {
   background-color: rgba(var(--coze-cyan-30), var(--coze-cyan-30-alpha)) !important
}

.coz-tag.coz-tag-blue {
   background-color: rgba(var(--coze-blue-10), var(--coze-blue-10-alpha));
   color: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha))
}

.coz-tag.coz-tag-blue.coz-tag-disabled,
.coz-tag.coz-tag-blue.coz-tag-loading {
   color: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha))
}

.coz-tag.coz-tag-blue.tag-interactive:hover {
   background-color: rgba(var(--coze-blue-20), var(--coze-blue-20-alpha)) !important
}

.coz-tag.coz-tag-blue.tag-interactive:active {
   background-color: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha)) !important
}

.coz-tag.coz-tag-purple {
   background-color: rgba(var(--coze-purple-10), var(--coze-purple-10-alpha));
   color: rgba(var(--coze-purple-50), var(--coze-purple-50-alpha))
}

.coz-tag.coz-tag-purple.coz-tag-disabled,
.coz-tag.coz-tag-purple.coz-tag-loading {
   color: rgba(var(--coze-purple-30), var(--coze-purple-30-alpha))
}

.coz-tag.coz-tag-purple.tag-interactive:hover {
   background-color: rgba(var(--coze-purple-20), var(--coze-purple-20-alpha)) !important
}

.coz-tag.coz-tag-purple.tag-interactive:active {
   background-color: rgba(var(--coze-purple-30), var(--coze-purple-30-alpha)) !important
}

.coz-tag.coz-tag-magenta {
   background-color: rgba(var(--coze-magenta-10), var(--coze-magenta-10-alpha));
   color: rgba(var(--coze-magenta-50), var(--coze-magenta-50-alpha))
}

.coz-tag.coz-tag-magenta.coz-tag-disabled,
.coz-tag.coz-tag-magenta.coz-tag-loading {
   color: rgba(var(--coze-magenta-3), var(--coze-magenta-3-alpha))
}

.coz-tag.coz-tag-magenta.tag-interactive:hover {
   background-color: rgba(var(--coze-magenta-20), var(--coze-magenta-20-alpha)) !important
}

.coz-tag.coz-tag-magenta.tag-interactive:active {
   background-color: rgba(var(--coze-magenta-30), var(--coze-magenta-30-alpha)) !important
}

.coz-tag.coz-tag-grey {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.chip-icon {
   align-items: center;
   display: inline-flex
}

.chip-delete-icon {
   transition: all .2s ease
}

@keyframes spin {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(1turn)
   }
}

.animate-spin {
   animation: spin 1s linear infinite
}

.coz-tooltip.semi-tooltip-wrapper {
   --tw-shadow: 0 4px 12px 0px rgba(var(--coze-shadow-0), 0.08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.04);
   --tw-shadow-colored: 0 4px 12px 0px var(--tw-shadow-color), 0px 8px 24px 0px var(--tw-shadow-color);
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   min-width: 36px
}

.coz-tooltip.semi-tooltip-wrapper .semi-tooltip-icon-arrow {
   color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha))
}

.coz-tooltip.semi-tooltip-wrapper .semi-tooltip-content {
   font-size: var(--coze-14);
   font-weight: 500
}

.coz-tooltip.coz-tooltip-dark.semi-tooltip-wrapper {
   --tw-shadow: 0 4px 12px 0px rgba(var(--coze-shadow-0), 0.08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.04);
   --tw-shadow-colored: 0 4px 12px 0px var(--tw-shadow-color), 0px 8px 24px 0px var(--tw-shadow-color);
   background-color: rgb(var(--black-5));
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   color: rgb(var(--white-1))
}

.coz-tooltip.coz-tooltip-dark.semi-tooltip-wrapper .semi-tooltip-icon-arrow {
   color: rgb(var(--black-5))
}

.coz-radio.semi-radio .semi-radio-addon {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.coz-radio.semi-radio :not(.semi-radio-inner-checked) .semi-radio-inner-display {
   border-color: rgba(var(--coze-stroke-7), var(--coze-stroke-7-alpha))
}

.coz-radio.semi-radio:hover :not(.semi-radio-inner-checked) .semi-radio-inner-display {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-radio.semi-radio:hover .semi-radio-inner-checked .semi-radio-inner-display {
   background-color: rgba(var(--coze-brand-6), 1)
}

.coz-radio.semi-radio:active :not(.semi-radio-inner-checked) .semi-radio-inner-display {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-radio.semi-radio:active .semi-radio-inner-checked .semi-radio-inner-display {
   background-color: rgba(var(--coze-brand-7), 1)
}

.coz-radio.semi-radio .semi-radio-inner-checked .semi-radio-inner-display {
   background-color: rgba(var(--coze-brand-5), 1);
   border-color: transparent
}

.coz-radio.semi-radio-cardRadioGroup,
.coz-radio.semi-radio-cardRadioGroup:active,
.coz-radio.semi-radio-cardRadioGroup:hover {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha))
}

.coz-radio.semi-radio-cardRadioGroup {
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha))
}

.coz-radio.semi-radio-cardRadioGroup .semi-radio-extra {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.coz-radio.semi-radio-cardRadioGroup_checked {
   background-color: rgba(var(--coze-brand-0), var(--coze-brand-0-alpha))
}

.coz-radio.semi-radio-cardRadioGroup_checked:hover {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

.coz-radio.semi-radio-cardRadioGroup_checked:active {
   background-color: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha))
}

.coz-radio.semi-radio-cardRadioGroup_checked {
   border-color: rgba(var(--coze-brand-5), 1)
}

.coz-radio.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup {
   background-color: rgba(var(--coze-brand-0), var(--coze-brand-0-alpha));
   border-color: rgba(var(--coze-brand-5), 1)
}

.coz-radio.semi-radio-disabled .semi-radio-addon,
.coz-radio.semi-radio-disabled .semi-radio-extra {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-radio.semi-radio-disabled :not(.semi-radio-inner-checked) .semi-radio-inner-display,
.coz-radio.semi-radio-disabled:active :not(.semi-radio-inner-checked) .semi-radio-inner-display,
.coz-radio.semi-radio-disabled:hover :not(.semi-radio-inner-checked) .semi-radio-inner-display {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-radio.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display,
.coz-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display,
.coz-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
   border-color: transparent
}

.coz-popover.semi-popover-wrapper {
   box-shadow: 0 8px 24px 0 rgba(var(--coze-shadow-0), .16), 0 16px 48px 0 rgba(var(--coze-shadow-0), .08);
   max-width: 800px;
   padding: var(--coze-4)
}

.coz-popover.semi-popover-with-arrow {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-width: var(--coze-1);
   padding: var(--coze-16)
}

.coz-popover .semi-popover-icon-arrow {
   color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   -webkit-filter: drop-shadow(1px 5px 3px rgb(0 0 0/10%));
   filter: drop-shadow(1px 5px 3px rgb(0 0 0/10%))
}

.coz-time-picker .coz-time-picker-input,
.coz-time-picker .coz-time-picker-input:hover {
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha))
}

.coz-time-picker .coz-time-picker-input {
   cursor: pointer
}

.coz-time-picker .coz-time-picker-input.semi-input-wrapper {
   background-color: transparent;
   border-radius: var(--coze-8);
   height: var(--coze-32)
}

.coz-time-picker .coz-time-picker-input.semi-input-wrapper-small {
   border-radius: var(--coze-6);
   height: var(--coze-24)
}

.coz-time-picker .coz-time-picker-input.semi-input-wrapper-large {
   border-radius: var(--coze-10);
   height: var(--coze-40)
}

.coz-time-picker .coz-time-picker-input .semi-input {
   background-color: transparent;
   cursor: pointer;
   font-size: var(--coze-14)
}

.coz-time-picker .coz-time-picker-input .semi-input:focus {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.coz-time-picker .coz-time-picker-input .semi-input::-webkit-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-time-picker .coz-time-picker-input .semi-input::-ms-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-time-picker .coz-time-picker-input .semi-input::placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-time-picker .coz-time-picker-input .semi-input.semi-input-disabled {
   cursor: not-allowed
}

.coz-time-picker .coz-time-picker-input .semi-input-small {
   font-size: var(--coze-12);
   height: var(--coze-16)
}

.coz-time-picker .semi-input-prefix,
.coz-time-picker .semi-input-suffix {
   margin-left: var(--coze-8);
   margin-right: var(--coze-8)
}

.coz-time-picker-popup .semi-scrolllist-header-title {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: .75rem;
   line-height: 1rem;
   padding-bottom: var(--coze-6);
   padding-top: var(--coze-12);
   text-align: start
}

.coz-time-picker-popup .semi-scrolllist {
   border-radius: var(--coze-8);
   padding-left: var(--coze-12);
   padding-right: var(--coze-12)
}

.coz-time-picker-popup .semi-scrolllist .semi-scrolllist-body .semi-scrolllist-item {
   border-style: none;
   width: var(--coze-48)
}

.coz-time-picker-popup .semi-scrolllist .semi-scrolllist-body .semi-scrolllist-item>ul>li {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.coz-time-picker-popup .semi-scrolllist .semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-sel {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   color: rgba(var(--coze-brand-5), 1);
   font-size: var(--coze-16)
}

.coz-time-picker-popup .semi-scrolllist .semi-scrolllist-body .semi-scrolllist-item:first-child .semi-scrolllist-item-sel {
   border-bottom-left-radius: var(--coze-8);
   border-top-left-radius: var(--coze-8)
}

.coz-time-picker-popup .semi-scrolllist .semi-scrolllist-body .semi-scrolllist-item:last-child .semi-scrolllist-item-sel {
   border-bottom-right-radius: var(--coze-8);
   border-top-right-radius: var(--coze-8)
}

.coz-time-picker-popup.semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist:not(:last-child) .semi-scrolllist-body {
   border-style: none
}

.semi-select:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) {
   background-color: transparent;
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
   border-radius: var(--coze-8);
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   height: var(--coze-32)
}

.semi-select:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper):hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.semi-select:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper):active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.semi-select-small:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) {
   border-radius: var(--coze-6);
   height: var(--coze-24)
}

.semi-select-small:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-selection {
   margin-left: var(--coze-4)
}

.semi-select-small:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-selection-text {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: var(--coze-12)
}

.semi-select-small:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-clear {
   margin-right: var(--coze-1);
   margin-top: var(--coze-1)
}

.semi-select-large:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) {
   border-radius: var(--coze-10);
   height: var(--coze-40)
}

.semi-select-error:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) {
   border-color: rgba(var(--coze-red-5), 1)
}

.semi-select-open:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) {
   border-color: rgba(var(--coze-brand-5), 1)
}

.semi-select-multiple:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) {
   height: var(--coze-32)
}

.semi-select-multiple:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-content-wrapper {
   flex-wrap: nowrap
}

:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-selection {
   margin-left: var(--coze-8)
}

:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-selection .semi-select-selection-text {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: var(--coze-14);
   font-weight: 400
}

:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-selection .semi-select-selection-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-selection .semi-select-selection-text-inactive {
   opacity: .3
}

:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-tag-closable {
   background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha));
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-width: var(--coze-1)
}

:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-arrow {
   margin-right: var(--coze-3);
   padding-left: var(--coze-4);
   padding-right: var(--coze-4);
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-clear {
   border-radius: var(--coze-4);
   height: var(--coze-20);
   margin-right: var(--coze-4);
   margin-top: var(--coze-5);
   padding-bottom: var(--coze-2);
   padding-left: var(--coze-2);
   padding-right: var(--coze-2);
   padding-top: var(--coze-2);
   width: var(--coze-20)
}

:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-select-clear:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-input.semi-input-default:focus {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
   border-style: none;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) .semi-input.semi-input-default {
   background-color: transparent
}

.coz-select-tag-popover.semi-popover-wrapper {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   padding: var(--coze-4)
}

.coz-select-tag-popover.semi-popover-wrapper .semi-popover-icon-arrow {
   color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha))
}

.coz-select-tag-popover.semi-popover-wrapper .semi-popover-icon-arrow path {
   fill: currentColor
}

.coz-select-dropdown.semi-select-option-list-wrapper {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: var(--coze-8);
   border-style: solid;
   border-width: var(--coze-1);
   padding: var(--coze-4)
}

.coz-select-dropdown.semi-select-option-list-wrapper .semi-select-option-list {
   display: flex;
   flex-direction: column;
   gap: var(--coze-2)
}

.coz-select-dropdown.semi-select-option-list-wrapper .semi-select-group {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   padding-bottom: var(--coze-4);
   padding-left: var(--coze-8);
   padding-right: var(--coze-8);
   padding-top: var(--coze-4)
}

.coz-select-dropdown.semi-select-option-list-wrapper.showTick .semi-select-group {
   padding-left: 32px
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item {
   align-items: center;
   border-radius: var(--coze-4);
   cursor: pointer;
   display: flex;
   vertical-align: middle
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item .option-prefix-icon {
   align-items: center;
   display: flex;
   min-height: var(--coze-32);
   min-width: var(--coze-24);
   padding: var(--coze-8);
   padding-right: 0;
   width: var(--coze-24)
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item .option-text-wrapper {
   align-items: center;
   display: flex;
   flex: 1 1;
   min-height: var(--coze-32)
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item .option-text {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   line-height: var(--coze-16);
   padding-left: var(--coze-8);
   padding-right: var(--coze-8)
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item.disabled {
   cursor: not-allowed
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item.disabled .coz-select-option-item-icon-selected,
.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item.disabled .option-text {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item.disabled .coz-select-option-item-icon-multiple-selected {
   fill: currentColor;
   background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha));
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: var(--coze-4);
   border-style: solid;
   border-width: var(--coze-1);
   color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item.disabled .coz-select-option-item-icon-multiple-unselected {
   background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha));
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: var(--coze-4);
   border-style: solid;
   border-width: var(--coze-1);
   height: var(--coze-16);
   width: var(--coze-16)
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item .coz-select-option-item-icon-selected {
   color: rgba(var(--coze-brand-6), 1)
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item .coz-select-option-item-icon-multiple-selected {
   fill: currentColor;
   background-color: rgba(var(--coze-brand-6), 1);
   border-color: rgba(var(--coze-brand-6), 1);
   border-radius: var(--coze-4);
   border-style: solid;
   border-width: var(--coze-1);
   color: rgb(var(--white-1))
}

.coz-select-dropdown.semi-select-option-list-wrapper .coz-select-option-item .coz-select-option-item-icon-multiple-unselected {
   background-color: transparent;
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: var(--coze-4);
   border-style: solid;
   border-width: var(--coze-1);
   height: var(--coze-16);
   width: var(--coze-16)
}

.semi-input-group .coz-select.semi-select:after {
   display: none
}

.semi-input-group .coz-select.semi-select:first-child {
   border-bottom-left-radius: var(--coze-8);
   border-bottom-right-radius: 0;
   border-top-left-radius: var(--coze-8);
   border-top-right-radius: 0
}

.semi-input-group .coz-select.semi-select:last-child {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: var(--coze-8);
   border-top-left-radius: 0;
   border-top-right-radius: var(--coze-8)
}

.semi-input-group .coz-select.semi-select:not(:first-child) {
   border-left-width: 0
}

.semi-input-group .coz-select.semi-select.semi-select-focus:not(:first-child) {
   border-color: rgba(var(--coze-brand-5), 1);
   border-width: var(--coze-1);
   margin-left: -1px
}

div[class~=semi-popover-wrapper] {
   --tw-shadow: 0 4px 12px 0px rgba(var(--coze-shadow-0), 0.08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.04);
   --tw-shadow-colored: 0 4px 12px 0px var(--tw-shadow-color), 0px 8px 24px 0px var(--tw-shadow-color);
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.coz-select-chip-mode.semi-select.coz-select {
   border-color: transparent
}

.coz-select-chip-mode.semi-select.semi-select-open {
   border-color: rgba(var(--coze-brand-5), 1)
}

.coz-common-description {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-size: var(--coze-12)
}

.coz-common-subtitle {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: var(--coze-12);
   font-weight: 500;
   margin-top: 4px
}

.coz-common-content {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: var(--coze-12);
   font-weight: 500;
   margin-top: 4px
}

.coz-modal,
.coz-modal .semi-modal-mask {
   background-color: rgba(var(--coze-mask-5), .4)
}

.coz-modal .semi-modal {
   overflow: hidden
}

.coz-modal .semi-modal-content {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
   border-radius: var(--coze-8);
   border-style: none
}

.coz-modal .semi-modal-content .semi-modal-body {
   overflow: hidden
}

.coz-modal.as-modal .semi-modal-content {
   gap: var(--coze-16);
   padding-bottom: var(--coze-16);
   padding-left: var(--coze-24);
   padding-right: var(--coze-24);
   padding-top: var(--coze-16)
}

.coz-modal.as-modal .semi-modal-footer {
   margin: 0
}

.coz-modal.as-dialog .semi-modal-content {
   padding: var(--coze-16)
}

.coz-modal.as-dialog .semi-modal-footer {
   margin: 0;
   margin-top: var(--coze-12)
}

.coz-modal .semi-modal-header {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
   font-size: var(--coze-24);
   font-weight: 500;
   margin: 0
}

.coz-modal .semi-typography-h5.semi-typography,
.coz-modal h5.semi-typography {
   line-height: var(--coze-22)
}

.coz-modal .coz-modal-footer.footer-fill {
   display: flex
}

.coz-modal .coz-modal-footer.footer-fill .semi-button {
   flex: 1 1
}

.coz-switch {
   line-height: 1;
   vertical-align: middle
}

.coz-switch.semi-switch-disabled.semi-switch-checked,
.coz-switch.semi-switch-loading.semi-switch-checked {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-switch.semi-switch {
   height: var(--coze-20);
   width: 36px
}

.coz-switch.semi-switch .semi-spin {
   height: var(--coze-16);
   width: var(--coze-16)
}

.coz-switch.semi-switch.semi-switch-loading.semi-switch-checked .semi-spin {
   transform: translateX(17px)
}

.coz-switch.semi-switch .semi-switch-knob {
   height: var(--coze-16);
   top: 1px;
   transform: translateX(1px);
   width: var(--coze-16)
}

.coz-switch.semi-switch.semi-switch-checked .semi-switch-knob {
   transform: translateX(17px)
}

.coz-switch.semi-switch:active .semi-switch-knob {
   width: var(--coze-22)
}

.coz-switch.semi-switch.semi-switch-checked:active .semi-switch-knob {
   transform: translateX(10px);
   width: var(--coze-22)
}

.coz-switch.semi-switch-large {
   height: var(--coze-28);
   width: 50px
}

.coz-switch.semi-switch-large .semi-spin {
   height: var(--coze-22);
   width: var(--coze-22)
}

.coz-switch.semi-switch-large.semi-switch-loading.semi-switch-checked .semi-spin-large {
   transform: translateX(24px)
}

.coz-switch.semi-switch-large .semi-switch-knob {
   height: var(--coze-22);
   top: 2px;
   transform: translateX(2px);
   width: var(--coze-22)
}

.coz-switch.semi-switch-large.semi-switch-checked .semi-switch-knob {
   transform: translateX(24px)
}

.coz-switch.semi-switch-large:active .semi-switch-knob {
   width: var(--coze-32)
}

.coz-switch.semi-switch-large.semi-switch-checked:active .semi-switch-knob {
   transform: translateX(14px);
   width: var(--coze-32)
}

.coz-switch.semi-switch-small {
   height: var(--coze-16);
   width: 28px
}

.coz-switch.semi-switch-small .semi-spin {
   height: var(--coze-12);
   width: var(--coze-12)
}

.coz-switch.semi-switch-small.semi-switch-loading.semi-switch-checked .semi-spin-small {
   transform: translateX(14px)
}

.coz-switch.semi-switch-small .semi-switch-knob {
   height: var(--coze-12);
   top: 1px;
   transform: translateX(1px);
   width: var(--coze-12)
}

.coz-switch.semi-switch-small.semi-switch-checked .semi-switch-knob {
   transform: translateX(13px)
}

.coz-switch.semi-switch-small:active .semi-switch-knob {
   width: var(--coze-18)
}

.coz-switch.semi-switch-small.semi-switch-checked:active .semi-switch-knob {
   transform: translateX(7px);
   width: var(--coze-18)
}

.coz-input-number .semi-input-wrapper {
   align-items: center;
   background-color: transparent;
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
   display: flex;
   padding: var(--coze-3)
}

.coz-input-number .semi-input-wrapper:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-input-number .semi-input-wrapper .semi-input {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
   background-color: transparent;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   padding-left: .25rem;
   padding-right: .25rem
}

.coz-input-number .semi-input-wrapper .semi-input-disabled {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
   cursor: not-allowed
}

.coz-input-number .semi-input-wrapper .semi-input-prefix-text {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: .75rem;
   font-weight: 400;
   line-height: 1rem;
   margin-left: var(--coze-4);
   margin-right: var(--coze-4)
}

.coz-input-number .semi-input-wrapper:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha))
}

.coz-input-number .semi-input-wrapper.semi-input-wrapper-focus,
.coz-input-number .semi-input-wrapper:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-input-number .semi-input-wrapper.semi-input-wrapper-focus {
   background-color: transparent;
   border-color: rgba(var(--coze-brand-5), 1)
}

.coz-input-number .semi-input-wrapper-disabled {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-input-number.coz-input-number-error .semi-input-wrapper {
   border-color: rgba(var(--coze-red-5), 1)
}

.coz-input-number.coz-input-number-focus .semi-input-wrapper {
   border-color: rgba(var(--coze-brand-6), 1)
}

.coz-input-number.coz-input-number-focus .semi-input-wrapper:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   border-color: rgba(var(--coze-brand-6), 1)
}

.coz-input-number.coz-input-number-focus .semi-input-wrapper:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-input-number .semi-input-wrapper-small {
   border-radius: var(--coze-5);
   padding: var(--coze-1)
}

.coz-input-number .semi-input-wrapper-small .semi-input-small {
   font-size: var(--coze-12);
   padding-left: var(--coze-4);
   padding-right: var(--coze-4)
}

.coz-input-number-new {
   position: relative
}

.coz-input-number-new .semi-input-wrapper .semi-input {
   padding-right: var(--coze-28)
}

.coz-input-number-new .semi-input-wrapper-small .semi-input-small {
   padding-right: var(--coze-22)
}

.coz-input-number-new .semi-input-number-suffix-btns {
   background-color: transparent;
   border-style: none;
   height: auto;
   margin: 0;
   position: absolute;
   right: var(--coze-4)
}

.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button {
   height: var(--coze-12);
   width: var(--coze-24)
}

.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button svg {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: var(--coze-12)
}

.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button-up {
   border-top-left-radius: var(--coze-5);
   border-top-right-radius: var(--coze-5)
}

.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button-down {
   border-bottom-left-radius: var(--coze-5);
   border-bottom-right-radius: var(--coze-5)
}

.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button-down-not-allowed,
.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button-down-not-allowed:hover,
.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button-up-not-allowed,
.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button-up-not-allowed:hover {
   background-color: transparent
}

.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button-down-not-allowed svg,
.coz-input-number-new .semi-input-number-suffix-btns .semi-input-number-button-up-not-allowed svg {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-input-number-new.semi-input-number-size-small .semi-input-number-suffix-btns {
   right: var(--coze-2)
}

.coz-input-number-new.semi-input-number-size-small .semi-input-number-suffix-btns .semi-input-number-button-up {
   border-top-left-radius: var(--coze-5);
   border-top-right-radius: var(--coze-5)
}

.coz-input-number-new.semi-input-number-size-small .semi-input-number-suffix-btns .semi-input-number-button-down {
   border-bottom-left-radius: var(--coze-5);
   border-bottom-right-radius: var(--coze-5)
}

.coz-input-number-new.semi-input-number-size-small .semi-input-number-suffix-btns .semi-input-number-button {
   height: var(--coze-10);
   width: var(--coze-20)
}

.coz-input-number-new.semi-input-number-size-small .semi-input-number-suffix-btns .semi-input-number-button svg {
   font-size: var(--coze-10)
}

.coz-input-number-new .semi-input-suffix {
   font-size: .75rem;
   font-weight: 400;
   line-height: 1rem;
   position: absolute;
   right: 0
}

.coz-input-number-new-hide-buttons .semi-input-wrapper .semi-input,
.coz-input-number-new-hide-buttons .semi-input-wrapper-small .semi-input-small {
   padding-right: .25rem
}

.ew-resize-cursor {
   cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMV8xNzYpIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICBkPSJNMC41IDYuNDkwN1Y2LjQ5NTdMNi40OTcgMTIuNDkxN0w2LjQ5OCA4LjQ5MjdIOC40OTdIMTAuNTE3VjEyLjQ5MjdMMTYuNDk3IDYuNDkxN0wxMC41MTcgMC40OTI2OTlMMTAuNTE4IDQuNTExN0w4LjQ5NyA0LjUxMzdINi40OTdMNi40OTggMC40OTE2OTlMMC41IDYuNDkwN1pNMS45MTEgNi40OTM3TDUuNDk4IDIuOTA1N0w1LjQ5NyA1LjQ5MjdIOC45OTdIMTEuNTE4VjIuOTA3N0wxNS4wODMgNi40OTM3TDExLjUxOSAxMC4wNzg3TDExLjUxOCA3LjQ5MzdIOC45OTdMNS40OTggNy40OTI3TDUuNDk3IDEwLjA3ODdMMS45MTEgNi40OTM3WiIKICAgICAgZmlsbD0id2hpdGUiIC8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgZD0iTTguOTk3MSA3LjQ5MzJIMTEuNTE4MVYxMC4wNzkyTDE1LjA4MzEgNi40OTMyTDExLjUxODEgMi45MDgyVjUuNTEzMkg4Ljk5NzFINS40OTcxVjIuOTA2MkwxLjkxMTEgNi40OTMyTDUuNDk3MSAxMC4wNzkyVjcuNDkyMkw4Ljk5NzEgNy40OTMyWiIKICAgICAgZmlsbD0iYmxhY2siIC8+CiAgPC9nPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwMF8xXzE3NiI+CiAgICAgIDxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSAwLjUpIiAvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPgo=) 9 6, ew-resize !important
}

.ew-resize-cursor * {
   cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMV8xNzYpIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICBkPSJNMC41IDYuNDkwN1Y2LjQ5NTdMNi40OTcgMTIuNDkxN0w2LjQ5OCA4LjQ5MjdIOC40OTdIMTAuNTE3VjEyLjQ5MjdMMTYuNDk3IDYuNDkxN0wxMC41MTcgMC40OTI2OTlMMTAuNTE4IDQuNTExN0w4LjQ5NyA0LjUxMzdINi40OTdMNi40OTggMC40OTE2OTlMMC41IDYuNDkwN1pNMS45MTEgNi40OTM3TDUuNDk4IDIuOTA1N0w1LjQ5NyA1LjQ5MjdIOC45OTdIMTEuNTE4VjIuOTA3N0wxNS4wODMgNi40OTM3TDExLjUxOSAxMC4wNzg3TDExLjUxOCA3LjQ5MzdIOC45OTdMNS40OTggNy40OTI3TDUuNDk3IDEwLjA3ODdMMS45MTEgNi40OTM3WiIKICAgICAgZmlsbD0id2hpdGUiIC8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgZD0iTTguOTk3MSA3LjQ5MzJIMTEuNTE4MVYxMC4wNzkyTDE1LjA4MzEgNi40OTMyTDExLjUxODEgMi45MDgyVjUuNTEzMkg4Ljk5NzFINS40OTcxVjIuOTA2MkwxLjkxMTEgNi40OTMyTDUuNDk3MSAxMC4wNzkyVjcuNDkyMkw4Ljk5NzEgNy40OTMyWiIKICAgICAgZmlsbD0iYmxhY2siIC8+CiAgPC9nPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwMF8xXzE3NiI+CiAgICAgIDxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSAwLjUpIiAvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPgo=) 12 9, ew-resize !important
}

.coz-input-number-suffix-with-inner-buttons .semi-input-suffix-text {
   margin-right: var(--coze-28);
   padding-right: var(--coze-6)
}

.coz-input-number-suffix-with-inner-buttons .semi-input-wrapper .semi-input {
   padding-right: 60px
}

.coz-input {
   padding-left: var(--coze-4);
   padding-right: var(--coze-4)
}

.coz-input input {
   display: inline-block
}

.coz-input input::-webkit-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-input input::-ms-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-input input::placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-input input:focus {
   --tw-ring-color: transparent
}

.coz-input.semi-input-wrapper {
   background-color: transparent;
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
   border-radius: var(--coze-8);
   height: var(--coze-32)
}

.coz-input.semi-input-wrapper:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-input.semi-input-wrapper:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-input.semi-input-wrapper.semi-input-wrapper-focus {
   background-color: transparent;
   border-color: rgba(var(--coze-brand-5), 1)
}

.coz-input.semi-input-wrapper.coz-input-error,
.coz-input.semi-input-wrapper.semi-input-wrapper-error {
   border-color: rgba(var(--coze-red-5), 1)
}

.coz-input.semi-input-wrapper-disabled,
.coz-input.semi-input-wrapper-disabled:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-input.semi-input-wrapper-disabled {
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

.coz-input.semi-input-wrapper-default>input {
   font-size: var(--coze-14)
}

.coz-input.semi-input-wrapper-focus.semi-input-wrapper-small {
   background-color: transparent;
   border-color: rgba(var(--coze-brand-5), 1)
}

.coz-input.semi-input-wrapper-small>input {
   font-size: var(--coze-12);
   padding-left: var(--coze-2);
   padding-right: var(--coze-2)
}

.coz-input.semi-input-wrapper-large {
   border-radius: var(--coze-10);
   height: var(--coze-40)
}

.coz-input.semi-input-wrapper-large>input {
   font-size: var(--coze-16);
   padding-left: var(--coze-4);
   padding-right: var(--coze-4)
}

.coz-input.semi-input-wrapper-small {
   border-radius: var(--coze-6);
   height: var(--coze-24)
}

.coz-input .semi-input {
   background-color: transparent;
   caret-color: rgba(var(--coze-brand-5), 1);
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.coz-input .semi-input ::-moz-selection {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-input .semi-input ::selection {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-input .semi-input::-moz-selection {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-input .semi-input::selection {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-input .semi-input-disabled {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
   cursor: not-allowed
}

.coz-input .semi-input-default {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   font-size: .875rem;
   height: var(--coze-24);
   line-height: 1.25rem;
   padding-bottom: var(--coze-2);
   padding-left: var(--coze-4);
   padding-right: var(--coze-4);
   padding-top: var(--coze-2)
}

.coz-input .semi-input-default::-webkit-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-input .semi-input-default::-ms-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-input .semi-input-default::placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-input .semi-input-small {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   font-size: .875rem;
   line-height: 1.25rem
}

.coz-input .semi-input-small::-webkit-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-input .semi-input-small::-ms-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-input .semi-input-small::placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-input.semi-input-wrapper__with-prefix .semi-input,
.coz-input.semi-input-wrapper__with-suffix .semi-input {
   padding-left: var(--coze-4);
   padding-right: var(--coze-4)
}

.coz-input .semi-input-prefix,
.coz-input .semi-input-suffix {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: .75rem;
   font-weight: 400;
   line-height: 1rem;
   margin-left: var(--coze-4);
   margin-right: var(--coze-4)
}

.coz-input .semi-spin-wrapper {
   height: var(--coze-14)
}

.coz-search {
   max-width: 100%;
   min-width: 200px;
   padding: 4px
}

.coz-search.semi-input-wrapper-focus {
   padding: 4px 8px
}

.coz-search.semi-input-wrapper-focus .semi-input {
   padding: 0
}

.coz-search.semi-input-wrapper-focus .semi-input-prefix {
   display: none
}

.coz-search .coz-search-icon {
   align-items: center;
   display: flex;
   padding: 0
}

.coz-search .coz-search-icon svg {
   height: 14px;
   width: 14px
}

.coz-search .coz-search-icon.coz-search-icon-active {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   transition: color .2s ease
}

.coz-textarea-wrapper .coz-textarea .semi-input-textarea {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   padding-bottom: 0;
   padding-left: .25rem;
   padding-right: .25rem;
   padding-top: 0
}

.coz-textarea-wrapper .coz-textarea .semi-input-textarea::-webkit-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-textarea-wrapper .coz-textarea .semi-input-textarea::-ms-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-textarea-wrapper .coz-textarea .semi-input-textarea::placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-textarea-wrapper .coz-textarea .semi-input-textarea {
   caret-color: rgba(var(--coze-brand-5), 1)
}

.coz-textarea-wrapper .coz-textarea .semi-input-textarea ::-moz-selection {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-textarea-wrapper .coz-textarea .semi-input-textarea ::selection {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-textarea-wrapper .coz-textarea .semi-input-textarea::-moz-selection {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-textarea-wrapper .coz-textarea .semi-input-textarea::selection {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-textarea-wrapper .coz-textarea.coz-textarea-with-prefix .semi-input-textarea,
.coz-textarea-wrapper .coz-textarea.coz-textarea-with-suffix .semi-input-textarea {
   margin-bottom: 1.75rem
}

.coz-textarea-wrapper .coz-textarea .semi-input-textarea-counter {
   padding-right: var(--coze-4)
}

.coz-textarea-wrapper .coz-textarea-loading {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.coz-textarea-wrapper .coz-textarea-prefix,
.coz-textarea-wrapper .coz-textarea-suffix {
   bottom: .5rem;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: .75rem;
   line-height: 1rem;
   position: absolute
}

.coz-textarea-wrapper .coz-textarea-prefix {
   left: .5rem
}

.coz-textarea-wrapper .coz-textarea-suffix {
   right: .5rem
}

.coz-textarea-wrapper .coz-textarea-suffix svg {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   height: .875rem;
   width: .875rem
}

.coz-textarea-wrapper .semi-input-textarea-wrapper {
   background-color: transparent;
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha))
}

.coz-textarea-wrapper .semi-input-textarea-wrapper:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-textarea-wrapper .semi-input-textarea-wrapper:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-textarea-wrapper .semi-input-textarea-wrapper.coz-textarea-error,
.coz-textarea-wrapper .semi-input-textarea-wrapper.semi-input-textarea-wrapper-error {
   border-color: rgba(var(--coze-red-5), 1)
}

.coz-textarea-wrapper .semi-input-textarea-wrapper-focus {
   background-color: transparent;
   border-color: rgba(var(--coze-brand-5), 1)
}

.coz-textarea-wrapper .semi-input-textarea-wrapper-focus:active,
.coz-textarea-wrapper .semi-input-textarea-wrapper-focus:hover {
   background-color: transparent
}

.semi-form .semi-form-field {
   box-sizing: border-box
}

.semi-form-horizontal {
   display: flex;
   flex-wrap: wrap
}

.semi-form-horizontal .semi-form-field {
   margin-left: 0;
   padding-right: 16px
}

.semi-form-horizontal .semi-form-field:last-child {
   margin-right: 16px
}

.semi-form-horizontal .semi-form-field-group {
   padding-right: 16px
}

.semi-form-horizontal .semi-row {
   display: block
}

.semi-form-vertical .semi-form-field {
   margin: 0;
   overflow: hidden;
   padding-bottom: 12px;
   padding-top: 12px
}

.semi-form-vertical .semi-form-field .semi-form-col-right {
   display: flex;
   justify-content: flex-end
}

.semi-form-vertical .semi-form-field .semi-form-col-left {
   display: flex;
   justify-content: flex-start
}

.semi-form-vertical .semi-form-field-group .semi-form-col-right {
   display: flex;
   justify-content: flex-end
}

.semi-form-vertical .semi-form-field-group .semi-form-col-left {
   display: flex;
   justify-content: flex-start
}

.semi-form-field-label {
   box-sizing: border-box;
   color: var(--semi-color-text-0);
   display: inline-block;
   flex-shrink: 0;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
   margin-bottom: 4px;
   margin-top: 0;
   padding-right: 16px;
   vertical-align: middle
}

.semi-form-field-label-disabled {
   color: var(--semi-color-disabled-text)
}

.semi-form-field-label-with-extra .semi-form-field-label-text {
   display: inline-block
}

.semi-form-field-label-with-extra .semi-form-field-label-extra {
   align-items: center;
   display: flex;
   margin-left: 4px
}

.semi-form-field-label-required .semi-form-field-label-text:after {
   color: var(--semi-color-danger);
   content: "*";
   font-weight: 600;
   margin-left: 4px
}

.semi-form-field-label-required-disabled {
   color: var(--semi-color-danger)
}

.semi-form-field-label-optional-text {
   color: var(--semi-color-tertiary)
}

.semi-form-field-label-left {
   text-align: left
}

.semi-form-field-label-right {
   text-align: right
}

.semi-form-field-error-message,
.semi-form-field-help-text {
   align-items: center;
   display: flex;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px;
   margin-top: 4px
}

.semi-form-field-error-message .semi-icon-alert_triangle,
.semi-form-field-help-text .semi-icon-alert_triangle {
   color: var(--semi-color-warning)
}

.semi-form-field-error-message {
   color: var(--semi-color-danger)
}

.semi-form-field[x-label-pos=top] .semi-form-field-label {
   display: block
}

.semi-form-field[x-label-pos=top] .semi-checkboxGroup,
.semi-form-field[x-label-pos=top] .semi-radioGroup {
   padding-bottom: 4px;
   padding-top: 4px
}

.semi-form-field[x-label-pos=top] .semi-radioGroup-buttonRadio,
.semi-form-field[x-label-pos=top] .semi-radioGroup-horizontal-card,
.semi-form-field[x-label-pos=top] .semi-radioGroup-vertical-card {
   padding-bottom: 0;
   padding-top: 0
}

.semi-form-field[x-label-pos=top] .semi-form-field-label-with-extra {
   align-items: center;
   display: flex
}

.semi-form-field[x-label-pos=left] {
   display: flex
}

.semi-form-field[x-label-pos=left] .semi-form-field-label {
   margin-bottom: 0;
   margin-right: 0;
   padding-bottom: 6px;
   padding-top: 6px
}

.semi-form-field[x-label-pos=left] .semi-form-field-label-with-extra {
   align-items: center;
   display: flex
}

.semi-form-field[x-label-pos=left] .semi-form-field-label-with-extra.semi-form-field-label-right {
   justify-content: flex-end
}

.semi-form-field[x-label-pos=left] .semi-checkboxGroup,
.semi-form-field[x-label-pos=left] .semi-radioGroup {
   padding-bottom: 6px;
   padding-top: 6px
}

.semi-form-field[x-label-pos=left] .semi-radioGroup-buttonRadio,
.semi-form-field[x-label-pos=left] .semi-radioGroup-horizontal-card,
.semi-form-field[x-label-pos=left] .semi-radioGroup-vertical-card {
   padding-bottom: 0;
   padding-top: 0
}

.semi-form-field[x-label-pos=left] .semi-rating,
.semi-form-field[x-label-pos=left] .semi-switch {
   margin-bottom: 4px;
   margin-top: 4px;
   vertical-align: middle
}

.semi-form-field[x-extra-pos=middle] .semi-form-field-extra {
   margin-bottom: 4px;
   margin-top: 4px
}

.semi-form-field[x-extra-pos=bottom] .semi-form-field-extra {
   margin-top: 4px
}

.semi-form-field-main {
   width: 100%
}

.semi-form-field-validate-status-icon {
   align-self: flex-start;
   flex-shrink: 0;
   margin-right: 4px;
   position: relative;
   top: 2px
}

.semi-form-field-extra,
.semi-form-field-extra-string {
   color: var(--semi-color-tertiary)
}

.semi-form-field-extra-string {
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 14px;
   line-height: 22px
}

.semi-form-vertical .semi-form-field-group {
   margin-bottom: 0;
   margin-top: 0;
   overflow: hidden;
   padding-bottom: 12px;
   padding-top: 12px
}

.semi-form-vertical .semi-form-field-group .semi-form-field {
   margin-bottom: 0;
   margin-top: 0
}

.semi-form-field-group[x-label-pos=left] {
   display: flex
}

.semi-form-field-group[x-label-pos=left] .semi-form-field-label {
   margin-bottom: 0;
   margin-right: 0;
   padding-bottom: 6px;
   padding-top: 6px
}

.semi-form-section {
   margin-top: 28px;
   width: 100%
}

.semi-form-section-text {
   border-bottom: 1px solid var(--semi-color-border);
   color: var(--semi-color-text-0);
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   -webkit-margin-after: 0;
   margin-block-end: 0;
   -webkit-margin-before: 0;
   margin-block-start: 0;
   margin-bottom: 4px;
   margin-top: 0;
   padding-bottom: 8px;
   padding-top: 0;
   width: 100%
}

.semi-form-section:first-of-type {
   margin-top: 0
}

.semi-portal-rtl .semi-form,
.semi-rtl .semi-form {
   direction: rtl
}

.semi-portal-rtl .semi-form-horizontal .semi-form-field,
.semi-rtl .semi-form-horizontal .semi-form-field {
   margin-left: 0;
   margin-right: 0;
   padding-left: 16px;
   padding-right: 0
}

.semi-portal-rtl .semi-form-horizontal .semi-form-field:last-child,
.semi-rtl .semi-form-horizontal .semi-form-field:last-child {
   margin-left: 16px
}

.semi-portal-rtl .semi-form-field-label,
.semi-portal-rtl .semi-form-horizontal .semi-form-field-group,
.semi-rtl .semi-form-field-label,
.semi-rtl .semi-form-horizontal .semi-form-field-group {
   padding-left: 16px;
   padding-right: 0
}

.semi-portal-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra,
.semi-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra {
   margin-left: 0;
   margin-right: 4px
}

.semi-portal-rtl .semi-form-field-label-required .semi-form-field-label-text:after,
.semi-rtl .semi-form-field-label-required .semi-form-field-label-text:after {
   content: "*";
   margin-left: 0;
   margin-right: 4px
}

.semi-portal-rtl .semi-form-field-label-left,
.semi-rtl .semi-form-field-label-left {
   text-align: right
}

.semi-portal-rtl .semi-form-field-label-right,
.semi-rtl .semi-form-field-label-right {
   text-align: left
}

.semi-portal-rtl .semi-form-field,
.semi-rtl .semi-form-field {
   direction: rtl
}

.semi-portal-rtl .semi-form-field[x-label-pos=left] .semi-form-field-label,
.semi-rtl .semi-form-field[x-label-pos=left] .semi-form-field-label {
   margin-left: 0;
   margin-right: 0
}

.semi-portal-rtl .semi-form-field-validate-status-icon,
.semi-rtl .semi-form-field-validate-status-icon {
   margin-left: 4px;
   margin-right: 0
}

.semi-portal-rtl .semi-form-section,
.semi-rtl .semi-form-section {
   direction: rtl
}

.coz-table-wrapper {
   display: flex;
   flex-direction: column;
   height: 100%
}

.coz-table-wrapper .coz-empty-content,
.coz-table-wrapper .coz-table-spin {
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center
}

.coz-table-wrapper .coz-empty-content,
.coz-table-wrapper .coz-table-list {
   flex: 1 1
}

.coz-table-wrapper .coz-empty-content .semi-table-thead>.semi-table-row>.semi-table-row-head,
.coz-table-wrapper .coz-table-list .semi-table-thead>.semi-table-row>.semi-table-row-head {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
   border-bottom-width: var(--coze-1);
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: 14px;
   font-weight: 500;
   height: 20px;
   padding: 0 10px
}

.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row,
.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left,
.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right,
.coz-table-wrapper .coz-empty-content .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left:before,
.coz-table-wrapper .coz-empty-content .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right:before,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right,
.coz-table-wrapper .coz-table-list .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left:before,
.coz-table-wrapper .coz-table-list .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right:before {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   cursor: pointer;
   font-size: 12px;
   font-weight: 400
}

.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-row-cell,
.coz-table-wrapper .coz-empty-content .semi-table-thead>.semi-table-row>.semi-table-row-head,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-row-cell,
.coz-table-wrapper .coz-table-list .semi-table-thead>.semi-table-row>.semi-table-row-head {
   font-style: normal;
   padding-bottom: 1px;
   position: relative
}

.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-row-cell,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-row-cell {
   border-width: var(--coze-1);
   border-bottom-width: var(--coze-1);
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-weight: 500;
   height: 72px;
   padding: 10px
}

.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-row-cell.semi-table-cell-fixed-left,
.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-row-cell.semi-table-cell-fixed-right,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-row-cell.semi-table-cell-fixed-left,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-row-cell.semi-table-cell-fixed-right {
   position: -webkit-sticky;
   position: sticky
}

.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-row-cell.semi-table-cell-fixed-left,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-row-cell.semi-table-cell-fixed-left {
   border-bottom-left-radius: 8px;
   border-top-left-radius: 8px
}

.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-row-cell.semi-table-cell-fixed-right,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-row-cell.semi-table-cell-fixed-right {
   border-bottom-right-radius: 8px;
   border-top-right-radius: 8px
}

.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-row-cell:first-child:after,
.coz-table-wrapper .coz-empty-content .semi-table-thead>.semi-table-row>.semi-table-row-head:first-child:after,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-row-cell:first-child:after,
.coz-table-wrapper .coz-table-list .semi-table-thead>.semi-table-row>.semi-table-row-head:first-child:after {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
   bottom: 0;
   content: "";
   height: 1px;
   left: 0;
   position: absolute;
   width: 12px
}

.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-row-cell:last-child,
.coz-table-wrapper .coz-empty-content .semi-table-thead>.semi-table-row>.semi-table-row-head:last-child,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-row-cell:last-child,
.coz-table-wrapper .coz-table-list .semi-table-thead>.semi-table-row>.semi-table-row-head:last-child {
   text-align: right
}

.coz-table-wrapper .coz-empty-content .semi-table-tbody>.semi-table-row>.semi-table-row-cell:last-child:after,
.coz-table-wrapper .coz-empty-content .semi-table-thead>.semi-table-row>.semi-table-row-head:last-child:after,
.coz-table-wrapper .coz-table-list .semi-table-tbody>.semi-table-row>.semi-table-row-cell:last-child:after,
.coz-table-wrapper .coz-table-list .semi-table-thead>.semi-table-row>.semi-table-row-head:last-child:after {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
   bottom: 0;
   content: "";
   height: 1px;
   position: absolute;
   right: 0;
   width: 12px
}

.coz-table-wrapper .coz-empty-content .semi-table-fixed-header table,
.coz-table-wrapper .coz-table-list .semi-table-fixed-header table {
   height: 39px
}

.coz-table-wrapper .coz-table-list-hover .semi-table-row:hover>.semi-table-row-cell {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   background-image: none;
   border-bottom: 1px solid transparent
}

.coz-table-wrapper .coz-table-list-hover .semi-table-row:hover>.semi-table-row-cell.semi-table-cell-fixed-left,
.coz-table-wrapper .coz-table-list-hover .semi-table-row:hover>.semi-table-row-cell.semi-table-cell-fixed-right {
   background-color: rgba(var(--coze-bg-0), 1)
}

.coz-table-wrapper .coz-table-list-hover .semi-table-row:hover>.semi-table-row-cell:first-child {
   border-bottom-left-radius: 8px;
   border-top-left-radius: 8px
}

.coz-table-wrapper .coz-table-list-hover .semi-table-row:hover>.semi-table-row-cell:first-child:after {
   display: none
}

.coz-table-wrapper .coz-table-list-hover .semi-table-row:hover>.semi-table-row-cell:last-child {
   border-bottom-right-radius: 8px;
   border-top-right-radius: 8px
}

.coz-table-wrapper .coz-table-list-hover .semi-table-row:hover>.semi-table-row-cell:last-child:after {
   display: none
}

.coz-table-wrapper .coz-table-list-hover .semi-table-row:hover>.semi-table-row-cell:before {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
   content: "";
   height: 1px;
   left: 0;
   position: absolute;
   top: -1px;
   width: 100%
}

.coz-table-wrapper .semi-table-row .coz-table-checkbox-cell .coz-table-checkbox-cell-index {
   display: block
}

.coz-table-wrapper .semi-table-row .coz-table-checkbox-cell .coz-table-checkbox-cell-checkbox,
.coz-table-wrapper .semi-table-row:hover .coz-table-checkbox-cell .coz-table-checkbox-cell-index {
   display: none
}

.coz-table-wrapper .semi-table-row:hover .coz-table-checkbox-cell .coz-table-checkbox-cell-checkbox {
   display: block
}

.coz-table-wrapper .semi-table-row .coz-table-checkbox-cell.coz-table-checkbox-cell-selected .coz-table-checkbox-cell-index {
   display: none
}

.coz-table-wrapper .semi-table-row .coz-table-checkbox-cell.coz-table-checkbox-cell-selected .coz-table-checkbox-cell-checkbox {
   display: block
}

.coz-table-wrapper .coz-table-meta {
   align-items: center;
   display: flex;
   height: 48px;
   width: 100%
}

.coz-table-wrapper .coz-table-meta .coz-meta-avatar {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: var(--coze-8);
   border-style: solid;
   border-width: var(--coze-1);
   flex-shrink: 0;
   height: 48px;
   margin-right: 16px;
   overflow: hidden;
   width: 48px
}

.coz-table-wrapper .coz-table-meta .coz-meta-name {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   height: 20px;
   line-height: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 95%
}

.coz-table-wrapper .coz-table-meta .coz-meta-description {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   display: -webkit-box;
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
   margin-top: 4px;
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
   z-index: 1000
}

.coz-table-wrapper .coz-table-meta .coz-meta-suffix {
   margin-top: 2px
}

.coz-table-wrapper .coz-table-meta .coz-meta-right-width {
   width: 100%
}

.coz-table-wrapper .coz-table-meta .coz-meta-right-width.coz-meta-right-width {
   width: calc(100% - 32px)
}

.coz-table-wrapper .coz-table-only-header.coz-table-list {
   flex: 0 1
}

.coz-table-wrapper .coz-table-only-header .semi-table-body {
   display: none
}

.coz-table-list-index-row-selection .semi-table-colgroup .semi-table-column-selection {
   width: 32px
}

@keyframes coz-table-rotation {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(359deg)
   }
}

.coz-table-indicator {
   align-items: center;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   display: flex;
   height: 32px;
   justify-content: center;
   margin: 40px 0;
   width: 100%
}

.coz-table-indicator .coz-table-indicator-loading {
   animation: coz-table-rotation .8s linear infinite;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   margin-right: 0
}

.coz-table-indicator-done {
   align-items: center;
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
   display: flex;
   height: 32px;
   justify-content: center;
   margin: 40px 0
}

.coz-table-indicator-done>span {
   align-items: center;
   display: inline-flex;
   height: 20px;
   padding: 6px 0
}

.coz-table-indicator-done .coz-table-indicator-divider {
   align-items: center;
   display: flex;
   justify-content: center
}

.coz-table-indicator-done .coz-table-indicator-divider .coz-table-indicator-line {
   border-bottom: 1px solid var(--coz-fg-dim);
   display: block;
   width: 48px
}

.coz-table-indicator-done .coz-table-indicator-divider .coz-table-indicator-dotted {
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center;
   margin: 0 4px
}

.coz-table-indicator-done .coz-table-indicator-divider .coz-table-indicator-dotted:before {
   background-color: var(--coz-fg-dim);
   content: "";
   display: block;
   height: 1px;
   width: 1px
}

.coz-table-indicator-done .coz-table-indicator-divider .coz-table-indicator-tips {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
   display: inline-block;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 20px
}

.coz-popconfirm {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: var(--coze-8);
   border-width: .5px;
   box-shadow: 0 8px 24px 0 rgba(var(--coze-shadow-0), .16), 0 16px 48px 0 rgba(var(--coze-shadow-0), .08);
   padding: var(--coze-16);
   width: 240px
}

.coz-popconfirm .coz-popconfirm-title {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-size: var(--coze-14);
   font-weight: 500;
   line-height: 20px;
   min-height: 20px
}

.coz-popconfirm .coz-common-content {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: var(--coze-12);
   font-weight: 400;
   line-height: 16px;
   min-height: 16px
}

.coz-popconfirm .coz-popconfirm-foot {
   display: flex;
   gap: 8px;
   margin-top: var(--coze-24)
}

.coz-empty-state .semi-empty-image svg {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-empty-state .semi-empty-content {
   margin-top: var(--coze-8)
}

.coz-empty-state .semi-empty-content .semi-empty-title {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-weight: 500
}

.coz-empty-state .semi-empty-content .semi-empty-description {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
   margin-top: 0
}

.coz-empty-state .semi-empty-content .semi-empty-footer {
   align-items: center;
   display: flex;
   flex-direction: column;
   margin-top: var(--coze-16)
}

.coz-empty-state.coz-empty-state-full_screen {
   align-items: center;
   height: 100%;
   justify-content: center;
   width: 100%
}

.coz-empty-state.coz-empty-state-full_screen .semi-empty-image {
   height: var(--coze-160);
   width: var(--coze-160)
}

.coz-empty-state.coz-empty-state-full_screen .semi-empty-image>.illustration-icon {
   height: 100%;
   width: 100%
}

.coz-empty-state.coz-empty-state-full_screen .semi-empty-content {
   max-width: 400px
}

.coz-empty-state.coz-empty-state-full_screen .semi-empty-content .semi-empty-title {
   font-size: 20px;
   line-height: 1.75rem
}

.coz-empty-state.coz-empty-state-full_screen .semi-empty-content .semi-empty-description {
   font-size: var(--coze-14);
   left: 1.25rem
}

.coz-empty-state.coz-empty-state-large .semi-empty-image svg {
   font-size: 48px
}

.coz-empty-state.coz-empty-state-large .semi-empty-content .semi-empty-title {
   font-size: 16px;
   line-height: 22px
}

.coz-empty-state.coz-empty-state-large .semi-empty-content .semi-empty-description {
   font-size: var(--coze-12);
   line-height: 1rem
}

.coz-empty-state.coz-empty-state-default .semi-empty-image svg {
   font-size: 32px
}

.coz-empty-state.coz-empty-state-default .semi-empty-content {
   margin-top: var(--coze-4)
}

.coz-empty-state.coz-empty-state-default .semi-empty-content .semi-empty-title {
   font-size: var(--coze-14);
   line-height: 1.25rem
}

.coz-empty-state.coz-empty-state-default .semi-empty-content .semi-empty-description {
   font-size: var(--coze-12);
   line-height: 1rem
}

.coz-empty-state.coz-empty-state-default .semi-empty-content .semi-empty-footer {
   margin-top: var(--coze-12)
}

.coz-input-code input {
   text-align: center
}

.coz-breadcrumb .semi-breadcrumb-item-wrap {
   margin-right: var(--coze-8)
}

.coz-breadcrumb .semi-breadcrumb-item {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.coz-breadcrumb .semi-breadcrumb-item:hover {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.coz-breadcrumb .semi-breadcrumb-item:active {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

.coz-breadcrumb .semi-breadcrumb-item {
   margin-right: var(--coze-8)
}

.coz-breadcrumb,
.coz-breadcrumb .semi-breadcrumb-separator {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.coz-breadcrumb .semi-breadcrumb-item-active,
.coz-breadcrumb .semi-breadcrumb-item-active:active,
.coz-breadcrumb .semi-breadcrumb-item-active:hover {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

.coz-layout {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
   display: flex;
   flex-direction: column;
   height: 100%
}

.coz-layout .coz-layout-header {
   display: flex;
   justify-content: space-between;
   padding: 24px
}

.coz-layout .coz-layout-header .coz-layout-header-title {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   line-height: 32px
}

.coz-layout .coz-layout-foot {
   display: flex;
   justify-content: center;
   padding: 30px 36px 20px
}

.coz-layout .coz-layout-content {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow-y: hidden;
   padding: 0 24px
}

.coz-layout .coz-layout-content-scroll {
   overflow-y: scroll
}

.coz-layout .coz-layout-content-scroll::-webkit-scrollbar {
   display: none
}

@media (min-width:1620px) {
   .coz-layout .coz-layout-header {
      padding: 24px
   }

   .coz-layout .coz-layout-content {
      padding: 0 24px
   }

   .coz-layout .coz-layout-foot {
      padding: 30px 24px 20px
   }
}

.coz-date-picker {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-radius: var(--coze-4);
   padding-top: var(--coze-12)
}

.coz-date-picker.semi-datepicker-compact .semi-datepicker-weekday {
   border-style: none;
   height: var(--coze-28);
   padding-bottom: var(--coze-6);
   padding-left: var(--coze-6);
   padding-right: var(--coze-6);
   padding-top: var(--coze-6)
}

.coz-date-picker.semi-datepicker-compact .semi-datepicker-weekday-item {
   font-size: .75rem;
   height: var(--coze-16);
   line-height: 1rem;
   width: var(--coze-32)
}

.coz-date-picker.semi-datepicker-compact .semi-datepicker-weeks {
   display: flex;
   flex-direction: column;
   gap: var(--coze-6);
   padding-bottom: var(--coze-12);
   padding-left: var(--coze-6);
   padding-right: var(--coze-6);
   padding-top: 0
}

.coz-date-picker.semi-datepicker-compact .semi-datepicker-month {
   width: 236px
}

.coz-date-picker.semi-datepicker-compact .semi-datepicker-day {
   height: var(--coze-24);
   width: var(--coze-32)
}

.coz-date-picker-select.semi-select {
   background-color: transparent;
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

.coz-tree-select.semi-tree-select {
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
   font-size: var(--coze-14)
}

.coz-tree-select.semi-tree-select:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-tree-select.semi-tree-select:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-tree-select.semi-tree-select-focus {
   border-color: rgba(var(--coze-brand-5), 1)
}

.coz-tree-select .semi-tree-select-selection {
   padding-left: 9px
}

.coz-tree-select .semi-tree-select-selection .semi-tag {
   background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha));
   border-radius: 8px;
   border-width: 0
}

.coz-tree-select .semi-tree-select-selection-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-tree-select-popover.semi-tree-select-popover .semi-tree-wrapper {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-radius: var(--coze-4)
}

.coz-tree-select-popover.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list {
   padding-left: var(--coze-4);
   padding-right: var(--coze-4)
}

.coz-tree-select-popover.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list li {
   margin-bottom: var(--coze-2)
}

.coz-tree-select-popover.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list li.semi-tree-option {
   font-size: var(--coze-12);
   padding: var(--coze-4);
   padding-right: var(--coze-8)
}

.coz-tree-select-popover.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list li.semi-tree-option.semi-tree-option-selected,
.coz-tree-select-popover.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list li.semi-tree-option:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   border-radius: var(--coze-4)
}

.semi-cascader,
.semi-cascader-small {
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.semi-cascader-small:hover,
.semi-cascader:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha))
}

.semi-cascader-small:active,
.semi-cascader:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
   border-color: rgba(var(--coze-brand-5), 1)
}

.semi-cascader .semi-cascader-selection-placeholder,
.semi-cascader-small .semi-cascader-selection-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.semi-cascader .semi-cascader-arrow {
   width: 1.5rem
}

.semi-cascader.semi-cascader-small .semi-cascader-arrow {
   width: 1.25rem
}

.semi-cascader .semi-cascader-selection {
   padding-left: .5rem
}

.semi-cascader.semi-cascader-small .semi-cascader-selection {
   font-size: .75rem;
   line-height: 1rem;
   padding-left: .25rem
}

.semi-cascader-small {
   border-radius: 6px
}

.semi-cascader-focus:not(.semi-cascader-disabled) {
   border-color: rgba(var(--coze-brand-5), 1)
}

.semi-cascader-focus:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

:is(.coz-cascader, .coz-cascader-tag-popover.semi-popover-wrapper) .semi-tag-closable {
   background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha));
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-width: var(--coze-1)
}

.coz-cascader-tag-popover.semi-popover-wrapper {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   padding: var(--coze-4)
}

.coz-cascader-tag-popover.semi-popover-wrapper .semi-popover-icon-arrow {
   color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha))
}

.coz-cascader-tag-popover.semi-popover-wrapper .semi-popover-icon-arrow path {
   fill: currentColor
}

.coz-cascader-dropdown {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border: .5px solid;
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: var(--coze-8)
}

.coz-cascader-dropdown .semi-cascader-option-lists {
   height: 228px
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option-list {
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   min-width: 160px;
   padding-bottom: 0;
   padding-left: var(--coze-4);
   padding-right: var(--coze-4);
   padding-top: 0
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   line-height: 20px
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option:first-child {
   margin-top: var(--coze-4)
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option-select {
   font-weight: 500
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option-icon-active {
   color: rgba(var(--coze-brand-5), 1)
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option-disabled,
.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option-disabled:active,
.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option-disabled:hover {
   background-color: transparent
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option-active {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option-active:active,
.coz-cascader-dropdown .semi-cascader-option-lists .semi-cascader-option-active:hover {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-cascader-dropdown .semi-cascader-option-lists ul>li {
   border-radius: var(--coze-4);
   margin-bottom: var(--coze-2);
   padding-bottom: 6px;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 6px
}

.coz-cascader-dropdown .semi-cascader-option-lists ul>li .semi-cascader-option-label-checkbox {
   margin-left: 0
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox .semi-checkbox-inner-display {
   align-items: center;
   background-color: transparent;
   border: 1px solid;
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
   box-shadow: unset;
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
   display: flex;
   justify-content: center
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox .semi-checkbox-inner-display:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox .semi-checkbox-inner-display:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox.semi-checkbox-disabled .semi-checkbox-inner-display {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox.semi-checkbox-indeterminate .semi-checkbox-inner-display {
   background-color: rgba(var(--coze-brand-5), 1)
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox.semi-checkbox-disabled.semi-checkbox-indeterminate .semi-checkbox-inner-display,
.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox.semi-checkbox-disabled.semi-checkbox-indeterminate .semi-checkbox-inner-display:active,
.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox.semi-checkbox-disabled.semi-checkbox-indeterminate .semi-checkbox-inner-display:hover {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox .semi-checkbox-inner-checked .semi-checkbox-inner-display {
   background-color: rgba(var(--coze-brand-5), 1);
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox .semi-checkbox-inner-checked .semi-checkbox-inner-display:hover {
   background-color: rgba(var(--coze-brand-6), 1)
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox .semi-checkbox-inner-checked .semi-checkbox-inner-display:active {
   background-color: rgba(var(--coze-brand-7), 1)
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox.semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display,
.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox.semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display:active,
.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox.semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display:hover {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

.coz-cascader-dropdown .semi-cascader-option-lists .semi-checkbox:hover .semi-checkbox-inner-display {
   box-shadow: unset
}

.semi-cascader-selection-n {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.coz-segment-tab {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   border-radius: var(--coze-12);
   display: flex;
   gap: var(--coze-4);
   padding: var(--coze-4);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.coz-segment-tab .semi-radio-buttonRadioGroup {
   flex: 1 1;
   padding: 0
}

.coz-segment-tab .semi-radio-content {
   border-radius: var(--coze-8);
   line-height: var(--coze-20);
   width: 100%
}

.coz-segment-tab .semi-radio-addon-buttonRadio {
   border-radius: var(--coze-8);
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: var(--coze-14);
   font-weight: 500;
   line-height: var(--coze-20);
   padding-bottom: var(--coze-6);
   padding-left: var(--coze-15);
   padding-right: var(--coze-15);
   padding-top: var(--coze-6)
}

.coz-segment-tab .semi-radio-addon-buttonRadio-hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.coz-segment-tab .semi-radio-addon-buttonRadio:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.coz-segment-tab .semi-radio-addon-buttonRadio-checked,
.coz-segment-tab .semi-radio-addon-buttonRadio-checked:active {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.coz-segment-tab.coz-segment-tab-small {
   border-radius: var(--coze-10);
   gap: var(--coze-3);
   padding: var(--coze-4)
}

.coz-segment-tab.coz-segment-tab-small .semi-radio-addon-buttonRadio {
   border-radius: 8px;
   font-size: var(--coze-12);
   line-height: var(--coze-16);
   padding-bottom: var(--coze-4);
   padding-left: var(--coze-10);
   padding-right: var(--coze-10);
   padding-top: var(--coze-4)
}

.coz-single-select {
   background-color: transparent;
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
   border-radius: .5rem;
   border-style: solid;
   border-width: var(--coze-1);
   display: inline-block;
   padding: var(--coze-3);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.coz-single-select [class^=coz-single-select-label-icon] {
   font-size: .875rem;
   line-height: 1.25rem
}

.coz-single-select .coz-single-select-label {
   align-content: center;
   align-items: center;
   display: flex;
   gap: var(--coze-4);
   height: 100%;
   width: 100%
}

.coz-single-select .coz-single-select-label-icon-active {
   display: none
}

.coz-single-select .coz-single-select-label-icon-inactive {
   display: flex
}

.coz-single-select .semi-radio-buttonRadioGroup {
   margin-left: var(--coze-3);
   margin-right: .25rem;
   padding: 0
}

.coz-single-select .semi-radio-buttonRadioGroup:last-child {
   margin-right: 0
}

.coz-single-select .semi-radio-buttonRadioGroup:first-child {
   margin-left: 0
}

.coz-single-select .semi-radio-buttonRadioGroup:not(:last-child):after {
   --tw-translate-y: -50%;
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-width: 0;
   border-left-width: var(--coze-1);
   border-style: solid;
   content: "";
   display: block;
   height: var(--coze-16);
   left: calc(100% + 3px);
   position: absolute;
   top: 50%;
   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))
}

.coz-single-select .semi-radio-content {
   width: 100%
}

.coz-single-select .semi-radio-addon-buttonRadio {
   border-radius: 8px;
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: .75rem;
   font-weight: 500;
   height: var(--coze-24);
   line-height: 1rem;
   padding-bottom: var(--coze-4);
   padding-left: var(--coze-10);
   padding-right: var(--coze-10);
   padding-top: var(--coze-4)
}

.coz-single-select .semi-radio-addon-buttonRadio:has(.coz-single-select-label-icon-only) {
   padding-bottom: var(--coze-4);
   padding-left: var(--coze-5);
   padding-right: var(--coze-5);
   padding-top: var(--coze-4)
}

.coz-single-select .semi-radio-addon-buttonRadio-hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.coz-single-select .semi-radio-addon-buttonRadio:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-single-select .semi-radio-addon-buttonRadio-disabled {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-single-select .semi-radio-addon-buttonRadio-disabled:active {
   background-color: transparent
}

.coz-single-select .semi-radio-addon-buttonRadio-checked {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
   color: rgba(var(--coze-brand-5), 1)
}

.coz-single-select .semi-radio-addon-buttonRadio-checked .coz-single-select-label-icon-active {
   display: flex
}

.coz-single-select .semi-radio-addon-buttonRadio-checked .coz-single-select-label-icon-inactive {
   display: none
}

.coz-single-select .semi-radio-addon-buttonRadio-checked.semi-radio-addon-buttonRadio-disabled {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

.coz-single-select .semi-radio-addon-buttonRadio-checked:active {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

.coz-single-select-fill {
   display: flex;
   width: 100%
}

.coz-single-select-fill .semi-radio-buttonRadioGroup {
   flex: 1 1
}

.coz-single-select-small {
   border-radius: 8px;
   border-width: var(--coze-1);
   line-height: 1.25rem;
   padding-bottom: var(--coze-1);
   padding-left: var(--coze-2);
   padding-right: var(--coze-2);
   padding-top: var(--coze-1)
}

.coz-single-select-small .semi-radio-addon-buttonRadio {
   border-radius: var(--coze-4);
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: .75rem;
   font-weight: 400;
   height: var(--coze-20);
   line-height: .75rem;
   padding-bottom: var(--coze-4);
   padding-left: var(--coze-8);
   padding-right: var(--coze-8);
   padding-top: var(--coze-4)
}

.coz-single-select-small .semi-radio-addon-buttonRadio-checked {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
   color: rgba(var(--coze-brand-5), 1)
}

.coz-single-select-small .semi-radio-buttonRadioGroup {
   margin-left: var(--coze-4);
   margin-right: var(--coze-1)
}

.coz-single-select-small .semi-radio-buttonRadioGroup:last-child {
   margin-right: 0
}

.coz-single-select-small .semi-radio-buttonRadioGroup:first-child {
   margin-left: 0
}

.coz-single-select-small .semi-radio-buttonRadioGroup:not(:last-child):after {
   --tw-translate-y: -50%;
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-width: 0;
   border-left-width: var(--coze-1);
   border-style: solid;
   content: "";
   display: block;
   height: var(--coze-16);
   left: calc(100% + 2px);
   position: absolute;
   top: 50%;
   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))
}

.coz-typography.semi-typography.coz-title {
   font-weight: 500
}

.coz-typography.semi-typography.coz-title.coz-title-28 {
   font-size: var(--coze-28);
   line-height: var(--coze-36)
}

.coz-typography.semi-typography.coz-title.coz-title-20 {
   font-size: var(--coze-20);
   line-height: var(--coze-28)
}

.coz-typography.semi-typography.coz-title.coz-title-16 {
   font-size: var(--coze-16);
   line-height: var(--coze-22)
}

.coz-typography.semi-typography.coz-title.coz-title-14 {
   font-size: var(--coze-14);
   line-height: var(--coze-20)
}

.coz-typography.semi-typography.coz-title.coz-title-12 {
   font-size: var(--coze-12);
   line-height: var(--coze-16)
}

.coz-typography.semi-typography.coz-text {
   font-weight: 400
}

.coz-typography.semi-typography.coz-text.coz-text-16 {
   font-size: var(--coze-16);
   line-height: var(--coze-28)
}

.coz-typography.semi-typography.coz-text.coz-text-14 {
   font-size: var(--coze-14);
   line-height: var(--coze-20)
}

.coz-typography.semi-typography.coz-text.coz-text-12 {
   font-size: var(--coze-12);
   line-height: var(--coze-16)
}

.coz-typography.semi-typography.coz-text.coz-text-10 {
   font-size: var(--coze-10);
   line-height: var(--coze-14)
}

.coz-typography.semi-typography.coz-paragraph {
   font-weight: 400
}

.coz-typography.semi-typography.coz-paragraph.coz-paragraph-16 {
   font-size: var(--coze-16);
   line-height: var(--coze-28)
}

.coz-typography.semi-typography.coz-paragraph.coz-paragraph-14 {
   font-size: var(--coze-14);
   line-height: var(--coze-20)
}

.coz-typography.semi-typography.coz-paragraph.coz-paragraph-12 {
   font-size: var(--coze-12);
   line-height: var(--coze-16)
}

.coz-typography.semi-typography .semi-typography-ellipsis-expand {
   color: rgba(var(--coze-brand-5), 1)
}

.coz-progress {
   margin-bottom: var(--coze-4);
   margin-top: var(--coze-4)
}

.coz-tab-bar .coz-tab-bar-button .semi-tabs-bar-button .semi-tabs-tab-button.semi-tabs-tab {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: var(--coze-14);
   font-weight: 500;
   height: var(--coze-32);
   padding-bottom: var(--coze-6);
   padding-left: var(--coze-15);
   padding-right: var(--coze-15);
   padding-top: var(--coze-6)
}

.coz-tab-bar .coz-tab-bar-button .semi-tabs-bar-button .semi-tabs-tab-button.semi-tabs-tab:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   height: var(--coze-32)
}

.coz-tab-bar .coz-tab-bar-button .semi-tabs-bar-button .semi-tabs-tab-button.semi-tabs-tab:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.coz-tab-bar .coz-tab-bar-button .semi-tabs-bar-button .semi-tabs-tab-button.semi-tabs-tab.semi-tabs-tab-active {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
   border-radius: var(--coze-8);
   border-width: 0;
   color: rgba(var(--coze-brand-5), 1);
   font-size: var(--coze-14);
   font-weight: 500;
   height: var(--coze-32);
   min-width: var(--coze-32);
   padding-bottom: var(--coze-6);
   padding-left: var(--coze-15);
   padding-right: var(--coze-15);
   padding-top: var(--coze-6)
}

.coz-tab-bar .coz-tab-bar-button .semi-tabs-bar-button.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
   margin-right: var(--coze-8)
}

.coz-tab-bar .coz-tab-bar-line .semi-tabs-bar-line.semi-tabs-bar-top {
   border-width: 0
}

.coz-tab-bar .coz-tab-bar-line .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-line.semi-tabs-tab {
   border-width: 0;
   font-size: var(--coze-16);
   font-weight: 500;
   padding-bottom: 0;
   padding-left: var(--coze-4);
   padding-right: var(--coze-4);
   padding-top: 0
}

.coz-tab-bar .coz-tab-bar-line .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-line.semi-tabs-tab:hover {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.coz-tab-bar .coz-tab-bar-line .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-line.semi-tabs-tab:active {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

.coz-tab-bar .coz-tab-bar-line .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-line.semi-tabs-tab.semi-tabs-tab-active {
   color: rgba(var(--coze-brand-5), 1)
}

.coz-tab-bar .coz-tab-bar-line .semi-tabs-bar-line .semi-tabs-tab:not(:last-of-type) {
   margin-right: var(--coze-12)
}

.coz-tab-bar .coz-tab-bar-line .semi-tabs-bar-line .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:first-of-type {
   padding-left: 0
}

.coz-tab-bar .coz-tab-bar-badge {
   position: relative
}

.coz-tab-bar .coz-tab-bar-badge .coz-tag {
   position: absolute;
   right: -14px;
   top: -18px
}

.coz-tab-bar.coz-tab-bar-left .semi-tabs-bar-top {
   display: flex;
   justify-content: flex-start
}

.coz-tab-bar.coz-tab-bar-center .semi-tabs-bar-top {
   display: flex;
   justify-content: center
}

.coz-tab-bar.coz-tab-bar-right .semi-tabs-bar-top {
   display: flex;
   justify-content: flex-end
}

.coz-tab-bar.coz-tab-bar-select .semi-tabs-content {
   display: none
}

.coz-form-field .semi-form-field-error-message {
   color: rgba(var(--coze-red-5), 1)
}

.ui-input--rshUtzneMMKM47Tq.semi-input-wrapper {
   overflow: hidden
}

.ui-input--rshUtzneMMKM47Tq .semi-input-append,
.ui-input--rshUtzneMMKM47Tq .semi-input-append.semi-input-append-text,
.ui-input--rshUtzneMMKM47Tq .semi-input-prepend,
.ui-input--rshUtzneMMKM47Tq .semi-input-prepend.semi-input-prepend-text {
   background: var(--light-usage-disabled-color-disabled-fill, rgba(46, 46, 56, .04));
   border-bottom: 1px solid var(--light-usage-border-color-border, rgba(29, 28, 35, .08));
   border-left: 1px solid var(--light-usage-border-color-border, rgba(29, 28, 35, .08));
   border-top: 1px solid var(--light-usage-border-color-border, rgba(29, 28, 35, .08));
   padding: 0 12px
}

.button-min-width--BBRqybhg3ct1GDe5:not(.semi-button-with-icon-only) {
   min-width: 96px
}

.button--JugmBM2UJZooRtOu.button-size-small--ZoiroTLqMEoCddw8 {
   border-radius: 6px
}

.button--JugmBM2UJZooRtOu.button-size-small--ZoiroTLqMEoCddw8 .semi-button-content-right {
   margin-left: 4px
}

.button--JugmBM2UJZooRtOu.button-size-default--_NTPU5sskkUKYMwM {
   border-radius: 8px
}

.button--JugmBM2UJZooRtOu.button-size-default--_NTPU5sskkUKYMwM .semi-button-content-right {
   margin-left: 8px
}

div.field--nr9F4cEStlE9_w3u {
   padding-bottom: 24px !important
}

div.field--nr9F4cEStlE9_w3u:has(.semi-form-field-error-message) {
   padding-bottom: 0 !important
}

div.field--nr9F4cEStlE9_w3u .semi-form-field-error-message {
   line-height: 20px;
   margin-left: var(--var-error-msg-offset);
   margin-top: 4px;
   word-break: break-word
}

div.field--kZpeZpVmdKQNQPDJ {
   padding-bottom: 24px !important
}

div.field--kZpeZpVmdKQNQPDJ:has(.semi-form-field-error-message) {
   padding-bottom: 0 !important
}

div.field--kZpeZpVmdKQNQPDJ .semi-form-field-error-message {
   line-height: 20px;
   margin-top: 4px
}

.semi-icon {
   fill: currentColor;
   display: inline-block;
   font-style: normal;
   line-height: 0;
   text-align: center;
   text-rendering: optimizeLegibility;
   text-transform: none
}

.semi-icon-extra-small {
   font-size: 8px
}

.semi-icon-small {
   font-size: 12px
}

.semi-icon-default {
   font-size: 16px
}

.semi-icon-large {
   font-size: 20px
}

.semi-icon-extra-large {
   font-size: 24px
}

.semi-icon-spinning {
   animation: semi-icon-animation-rotate .6s linear infinite;
   animation-fill-mode: forwards
}

@keyframes semi-icon-animation-rotate {
   0% {
      transform: rotate(0)
   }

   to {
      transform: rotate(1turn)
   }
}

.semi-popover-wrapper:has(.ui-select-dropdown--QviUOwvmSWcLRw9l) {
   background: #fff;
   border-radius: 6px
}

.ui-select-dropdown--QviUOwvmSWcLRw9l {
   padding: 4px
}

.ui-select-dropdown--QviUOwvmSWcLRw9l .semi-select-option-empty {
   color: #1d1c23;
   font-size: 12px;
   font-weight: 600;
   justify-content: flex-start;
   line-height: 16px;
   padding: 8px 16px
}

.borderless-ui-select--BtXgcYvEZKQfJsVi {
   border-radius: 8px;
   cursor: pointer;
   padding: 6px 12px
}

.borderless-ui-select--BtXgcYvEZKQfJsVi * {
   cursor: pointer
}

.borderless-ui-select--BtXgcYvEZKQfJsVi:hover {
   background: rgba(46, 46, 56, .08)
}

.borderless-ui-select--BtXgcYvEZKQfJsVi:active,
.borderless-ui-select--BtXgcYvEZKQfJsVi[aria-expanded=true] {
   background: rgba(46, 46, 56, .12)
}

.borderless-ui-select--BtXgcYvEZKQfJsVi[aria-disabled=true] {
   background-color: unset;
   cursor: not-allowed
}

.borderless-ui-select--BtXgcYvEZKQfJsVi[aria-disabled=true] * {
   color: rgba(29, 28, 35, .2) !important;
   cursor: not-allowed
}

.filter-content--gE7aNFI_6wYQXPei {
   align-items: center;
   display: flex
}

.filter-label--jNhz3XxfBGomAe1s {
   color: rgba(28, 31, 35, .4);
   flex-shrink: 0;
   font-size: 14px;
   font-weight: 600;
   padding-right: 8px
}

.borderless-filter-render--jAyNjpouIQ8Sjk46 {
   align-items: center;
   display: flex;
   overflow: hidden
}

.borderless-filter-render--jAyNjpouIQ8Sjk46 .borderless-filter-text--nt7Q2TKU8m44KBA1 {
   color: #1c1f23;
   font-weight: 600;
   text-overflow: ellipsis;
   white-space: nowrap
}

.size-small--etEYMyFgIJpHzyt_ {
   font-size: 12px;
   line-height: 14px
}

.size-default--eLhQjIcVzUeD2Tr9 {
   font-size: 14px
}

.size-large--LOk5OalyKEEncq3q {
   font-size: 16px
}

.filter-icon--Y9d21vbZnrQAI1lZ {
   margin-bottom: -2px;
   margin-left: 2px
}

.ui-select-small--MB_ZcaB14XiIkUKC {
   border-radius: 6px;
   padding: 5px 4px
}

.ui-select-small--MB_ZcaB14XiIkUKC .filter-icon--Y9d21vbZnrQAI1lZ {
   font-size: 12px
}

.ui-select-default--obQd4alNeQk_9LSd {
   border-radius: 8px
}

.light-ui-select--DmO2h2vEUeNgYftw:not(.semi-select-disabled) div,
.light-ui-select--DmO2h2vEUeNgYftw:not(.semi-select-disabled) span:not(.semi-select-selection-placeholder) {
   color: #1d1c23
}

.ui-select-option--TwWMOQo7v8h3wJLd {
   align-items: center;
   border-radius: 4px;
   box-sizing: border-box;
   color: #1d1c23;
   cursor: pointer;
   display: flex;
   flex-wrap: nowrap;
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
   padding: 8px 16px;
   position: relative;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   word-break: break-word
}

.ui-select-option--TwWMOQo7v8h3wJLd .ui-select-option-icon--k8lUZe5UI945UxkM {
   align-items: center;
   color: transparent;
   display: flex;
   justify-content: center;
   margin-right: 8px
}

.ui-select-option--TwWMOQo7v8h3wJLd.ui-select-option-selected--GOzvZcQI4c3C0hgG {
   font-weight: 600
}

.ui-select-option--TwWMOQo7v8h3wJLd.ui-select-option-selected--GOzvZcQI4c3C0hgG .ui-select-option-icon--k8lUZe5UI945UxkM {
   color: #4d53e8
}

.ui-select-option--TwWMOQo7v8h3wJLd.ui-select-option-disabled--NXVKSuJdWHwGGWUQ {
   color: rgba(29, 28, 35, .2);
   cursor: not-allowed
}

.ui-select-option--TwWMOQo7v8h3wJLd.ui-select-option-disabled--NXVKSuJdWHwGGWUQ:hover {
   background: transparent
}

.ui-select-option--TwWMOQo7v8h3wJLd:hover {
   background: rgba(46, 46, 56, .08)
}

.table-wrapper--pktvC_eW1wMI1lSv {
   display: flex;
   flex-direction: column;
   height: 100%
}

.spin-container--L1Zu3kesZ8jQ2ilC {
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center
}

.table-list--qW0pjNx6_XkAlwdU {
   flex: 1 1;
   margin-top: 12px
}

.table-list--qW0pjNx6_XkAlwdU .semi-table-tbody>.semi-table-row,
.table-list--qW0pjNx6_XkAlwdU .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left,
.table-list--qW0pjNx6_XkAlwdU .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right,
.table-list--qW0pjNx6_XkAlwdU .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left:before,
.table-list--qW0pjNx6_XkAlwdU .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right:before {
   background: #f7f7fa;
   color: var(--light-usage-text-color-text-2, rgba(28, 29, 35, .6));
   cursor: pointer;
   font-size: 12px;
   font-style: normal;
   font-weight: 400
}

.table-list--qW0pjNx6_XkAlwdU .semi-table-thead>.semi-table-row>.semi-table-row-head {
   background: #f7f7fa;
   border-bottom: 1px solid var(--light-usage-border-color-border, rgba(28, 29, 35, .08));
   color: var(--light-usage-text-color-text-1, rgba(28, 29, 35, .8));
   font-size: 12px;
   font-weight: 600
}

.table-list--qW0pjNx6_XkAlwdU .semi-table-tbody>.semi-table-row>.semi-table-row-cell {
   padding: 20px
}

.table-list--qW0pjNx6_XkAlwdU .semi-spin-block.semi-spin {
   height: 100%
}

.table-list--qW0pjNx6_XkAlwdU .semi-table-row-cell {
   padding: 16px !important
}

.table-list--qW0pjNx6_XkAlwdU .semi-table-fixed-header table {
   height: 41px
}

.tableListHoverStyle--i5Ac5AXFMKcNdNa4 .semi-table-row:hover>.semi-table-row-cell:before {
   background-color: #f7f7fa;
   content: "";
   height: 1px;
   left: 0;
   position: absolute;
   top: -1px;
   width: 100%
}

.tableListHoverStyle--i5Ac5AXFMKcNdNa4 .semi-table-row:hover>.semi-table-row-cell {
   background: var(--light-usage-fill-color-fill-0, rgba(46, 47, 56, .05)) !important;
   border-bottom: 1px solid transparent !important
}

.tableListHoverStyle--i5Ac5AXFMKcNdNa4 .semi-table-row:hover>.semi-table-row-cell:first-child {
   border-bottom-left-radius: 8px !important;
   border-top-left-radius: 8px !important
}

.tableListHoverStyle--i5Ac5AXFMKcNdNa4 .semi-table-row:hover>.semi-table-row-cell:last-child {
   border-bottom-right-radius: 8px !important;
   border-top-right-radius: 8px !important
}

.empty-content--XH6ZNvh1M5QaNAAw {
   align-items: center;
   display: flex;
   flex: 1 1;
   justify-content: center
}

.empty-content--XH6ZNvh1M5QaNAAw .semi-empty-footer {
   display: flex;
   justify-content: center
}

.indicator--wNKxeIpCsucjLEh7 {
   align-items: center;
   color: #1c1f2399;
   display: flex;
   height: 64px;
   justify-content: center;
   line-height: 64px;
   text-align: center;
   width: 100%
}

.indicator-loading--GYrFX3pcsNGdaD2r {
   animation: rotation--Pwzz43ld7ol_YK3A .8s linear infinite;
   color: #4062ff;
   margin-right: 8px
}

@keyframes rotation--Pwzz43ld7ol_YK3A {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(359deg)
   }
}

.icon-button--FQMWHFe2DeAw3nkC {
   line-height: 1
}

.icon-button--FQMWHFe2DeAw3nkC .semi-button-with-icon-only.semi-button-borderless:not(.semi-button-disabled):hover {
   background: var(--light-usage-fill-color-fill-1, rgba(46, 46, 56, .08))
}

.icon-button--FQMWHFe2DeAw3nkC .semi-button-with-icon-only.semi-button-borderless:not(.semi-button-disabled):active {
   background: var(--light-usage-fill-color-fill-2, rgba(46, 46, 56, .12))
}

.icon-button-small--XW6nYP354_ENEiJA .semi-button-with-icon-only {
   border-radius: 4px;
   height: 18px;
   padding: 2px !important
}

.icon-button-small--XW6nYP354_ENEiJA svg {
   height: 14px;
   width: 14px
}

.icon-button-default--gdW3pGOIG2QZWmsc .semi-button-with-icon-only {
   border-radius: 4px;
   height: 24px;
   padding: 4px !important
}

.icon-button-default--gdW3pGOIG2QZWmsc svg {
   height: 16px;
   width: 16px
}

.icon-button-large--kj4ettCsqkr0smJM .semi-button-with-icon-only {
   border-radius: 6px;
   height: 32px;
   padding: 4px !important
}

.icon-button-large--kj4ettCsqkr0smJM svg {
   height: 24px;
   width: 24px
}

.ui-action-content--bSHouLx8M_sDxvh7 {
   display: flex
}

.action-btn--l7xtDKW4F3QIYiFx {
   margin-right: 24px
}

.ui-table-meta--UWDTEPPi2gDOEujl {
   align-items: center;
   display: flex;
   height: 40px;
   width: 100%
}

.ui-table-meta--UWDTEPPi2gDOEujl .table-name--C4eEfZyoQQQgmJxW {
   flex: 1 1;
   margin-left: 16px
}

.ui-table-meta--UWDTEPPi2gDOEujl .meta-avatar--mjaLr9kKAK8iHCjW {
   border-radius: 6px;
   flex-shrink: 0;
   height: 36px;
   margin-right: 16px;
   width: 36px
}

.ui-table-meta--UWDTEPPi2gDOEujl .meta-right--y6lyPusDh0Fmt2nf {
   width: 100%
}

.ui-table-meta--UWDTEPPi2gDOEujl .meta-right-width--rBCfooiEXnYvzGVa {
   width: calc(100% - 32px)
}

.ui-table-meta--UWDTEPPi2gDOEujl .meta-name--a4nk_TwFyNIuRCQC {
   color: var(--light-usage-text-color-text-0, #1c1d23);
   font-size: 14px;
   font-weight: 700;
   line-height: 22px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.ui-table-meta--UWDTEPPi2gDOEujl .meta-description--oxYkbSmI87qsOCyR {
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   color: var(--light-usage-text-color-text-1, rgba(28, 29, 35, .8));
   display: -webkit-box;
   font-size: 12px;
   font-weight: 400;
   line-height: 22px;
   margin-top: 2px;
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word
}

.ui-table-meta--UWDTEPPi2gDOEujl .meta-suffix--jsZyMnZ1MW82uDcm {
   margin-top: 2px
}

.ui-pagination--U5KQORNBzUg45ewh {
   align-items: center;
   display: flex;
   justify-content: center;
   padding-right: 150px;
   position: relative
}

.ui-pagination--U5KQORNBzUg45ewh .change-button--TvHHZVquhhwNvSJt {
   padding: 6px
}

.ui-pagination--U5KQORNBzUg45ewh .change-button--TvHHZVquhhwNvSJt,
.ui-pagination--U5KQORNBzUg45ewh .page-text--HaGcKIl7OwNO6xaN {
   color: var(--light-usage-text-color-text-2, rgba(28, 29, 35, .6));
   font-size: 12px;
   line-height: 16px
}

.ui-pagination--U5KQORNBzUg45ewh .page-text--HaGcKIl7OwNO6xaN {
   position: absolute;
   right: -26px;
   width: 150px
}

.ui-pagination--U5KQORNBzUg45ewh .page-text--HaGcKIl7OwNO6xaN .size-info--bOAzRBU7ngKyTnIC {
   align-items: center;
   display: flex
}

.ui-pagination--U5KQORNBzUg45ewh .semi-page-item {
   color: var(--light-usage-text-color-text-2, rgba(28, 29, 35, .6));
   font-size: 12px;
   line-height: 16px
}

.ui-pagination--U5KQORNBzUg45ewh .semi-page-item-active,
.ui-pagination--U5KQORNBzUg45ewh .semi-page-item-active:hover {
   background-color: #fff;
   border: .5px solid rgba(28, 31, 35, .16);
   border-radius: 4px;
   color: var(--light-usage-text-color-text-0, #1c1d23)
}

.ui-pagination--U5KQORNBzUg45ewh .semi-page-item-disabled .semi-icon {
   color: rgba(28, 31, 35, .2)
}

.ui-pagination--U5KQORNBzUg45ewh .semi-page-item:hover {
   border: 1px solid var(--light-usage-focus-color-focus-border, #4062ff) !important;
   border-radius: 4px
}

.ui-pagination--U5KQORNBzUg45ewh .semi-page-next:hover,
.ui-pagination--U5KQORNBzUg45ewh .semi-page-prev:hover {
   background-color: rgba(102, 204, 255, 0);
   border-color: transparent !important
}

.ui-header--rfxSJqSVxyooI0fo {
   display: flex;
   justify-content: space-between;
   padding: 16px 24px 12px
}

.ui-header--rfxSJqSVxyooI0fo .title--S5JYpWV_tYZ2lFVP {
   color: var(--light-usage-text-color-text-0, #1c1d23);
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   line-height: 32px
}

.ui-footer--RSZym9IOO2MqIoxB {
   display: flex;
   justify-content: center;
   padding: 30px 36px 20px 36px
}

.ui-content--dJx2bmRFgAmKqD1U {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow-y: hidden;
   padding: 0 24px
}

.ui-layout--nw_p4BMP9rE1lGiF {
   background-color: #f7f7fa;
   display: flex;
   flex-direction: column;
   height: 100%
}

.ui-tab-bar--AymtzlsXsoU3n_tD {
   display: flex;
   justify-content: space-between;
   width: 100%
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs {
   width: 100%
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-bar {
   display: flex;
   flex-wrap: nowrap
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-bar svg {
   height: 20px;
   width: 20px
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-content {
   display: none
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-tab:last-child:before {
   background-color: var(--light-usage-border-color-border, rgba(28, 29, 35, .12));
   content: "";
   height: 16px;
   left: -4px;
   position: absolute;
   top: 6px;
   width: 1px
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-tab-single.semi-tabs-tab {
   color: var(--light-usage-text-color-text-2, rgba(29, 28, 35, .45));
   font-weight: 600
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-tab-single.semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--light-usage-text-color-text-2, rgba(29, 28, 35, .45))
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-tab-button.semi-tabs-tab:hover {
   background-color: transparent
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-tab-single.semi-tabs-tab:hover {
   color: var(--light-usage-text-color-text-1, rgba(29, 28, 35, .8))
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--light-usage-text-color-text-1, rgba(29, 28, 35, .8))
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-tab-button.semi-tabs-tab-active,
.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-tab-button.semi-tabs-tab-active:hover {
   background-color: transparent;
   color: var(--light-usage-text-color-text-0, #1d1c23)
}

.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate),
.ui-tab-bar--AymtzlsXsoU3n_tD .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--light-usage-text-color-text-0, #1d1c23)
}

.tab-bar-blue--v3gse77ftkGGffJO .semi-tabs-tab-button.semi-tabs-tab-active,
.tab-bar-blue--v3gse77ftkGGffJO .semi-tabs-tab-button.semi-tabs-tab-active:hover {
   background-color: transparent;
   color: var(--light-usage-primary-color-primary, #4d53e8)
}

.tab-bar-blue--v3gse77ftkGGffJO .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate),
.tab-bar-blue--v3gse77ftkGGffJO .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--light-usage-primary-color-primary, #4d53e8)
}

.header--qFH9cCn8e0L0SjO0 {
   align-items: flex-start;
   display: flex;
   justify-content: space-between
}

.tool-bar--Db2VAySnsc4ZLzYr {
   align-items: center;
   display: flex
}

.ui-modal--Y3CmaeImxJgoqZ9T .semi-modal-content {
   background-color: #f5f7fa;
   max-height: calc(100vh - 140px);
   min-height: 144px;
   position: relative
}

.ui-modal--Y3CmaeImxJgoqZ9T .semi-modal-content .semi-modal-header {
   margin-bottom: 16px
}

.ui-modal--Y3CmaeImxJgoqZ9T .semi-modal-content .semi-modal-body {
   overflow: auto;
   padding: 16px 0
}

.ui-modal--Y3CmaeImxJgoqZ9T .semi-modal-content .semi-modal-body.semi-modal-withIcon {
   margin-left: unset
}

.ui-modal--Y3CmaeImxJgoqZ9T .semi-modal-header .semi-button-with-icon-only {
   border-radius: 4px;
   height: 24px;
   padding: 4px !important
}

.ui-modal--Y3CmaeImxJgoqZ9T .semi-modal-header .semi-button-with-icon-only svg {
   height: 16px;
   width: 16px
}

.ui-modal--Y3CmaeImxJgoqZ9T .semi-modal-header .semi-button-with-icon-only.semi-button-borderless:not(.semi-button-disabled):hover {
   background: var(--light-usage-fill-color-fill-1, rgba(46, 46, 56, .08))
}

.ui-modal--Y3CmaeImxJgoqZ9T .semi-modal-header .semi-button-with-icon-only.semi-button-borderless:not(.semi-button-disabled):active {
   background: var(--light-usage-fill-color-fill-2, rgba(46, 46, 56, .12))
}

.ui-modal--Y3CmaeImxJgoqZ9T:not(.show-scroll-bar--s52kVk2aTR0LkmwQ) .semi-modal-body::-webkit-scrollbar {
   display: none
}

.modal-info--qtgu4jOvmTg0yXEN .semi-modal {
   width: 446px
}

.modal-action-small--PW8aFnT5PesCNBYZ .semi-modal {
   width: 560px
}

.modal-action--bD_MzVsMkJg7nZRg .semi-modal {
   width: 794px
}

.modal-base-composition--GvCDNyHabHwkK0m6 .semi-modal {
   height: calc(100vh - 140px);
   width: 1138px
}

.ui-composition-modal--wRr8p5phO_UBhVTV .semi-modal-content {
   background-color: #f5f7fa;
   padding: 0
}

.ui-composition-modal--wRr8p5phO_UBhVTV .semi-modal-content .semi-modal-body {
   padding: 0
}

.ui-composition-modal--wRr8p5phO_UBhVTV .semi-modal-content .semi-modal-body::-webkit-scrollbar {
   display: none
}

.composition-modal-layout--neKfwYTgRpwNkTkm {
   display: flex;
   flex-wrap: nowrap;
   height: 100%;
   width: 100%
}

.aside--wnCckMz_eoDHkHd6 {
   background-color: #ebedf0;
   display: flex;
   flex-direction: column;
   width: 218px
}

.aside--wnCckMz_eoDHkHd6 ::-webkit-scrollbar {
   display: none
}

.aside--wnCckMz_eoDHkHd6 .title--BxFw_5UzBWwsXBYt {
   color: #1c1f23;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   padding: 24px;
   white-space: nowrap
}

.aside--wnCckMz_eoDHkHd6 .aside-main--txL922fhTZoGBO_2 {
   flex: 1 1;
   overflow-y: auto;
   padding: 34px 12px 0
}

.aside--wnCckMz_eoDHkHd6 .aside-header--w7a4ls3jtCg8LHJM {
   display: flex;
   flex-direction: column;
   width: 100%
}

.aside--wnCckMz_eoDHkHd6 .aside-divider--Apzbr_9Vy2IGUukh {
   margin-left: 12px;
   width: calc(100% - 24px)
}

.content--ENR3oVtECcBxrFKS {
   background: #f7f7fa;
   display: flex;
   flex: 1 1;
   flex-direction: column
}

.content--ENR3oVtECcBxrFKS .header--XkaTUcnOiiMT2iQA {
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   padding: 24px 24px 16px;
   width: 100%
}

.content--ENR3oVtECcBxrFKS .header--XkaTUcnOiiMT2iQA .close-btn--XH3sXGsNGegu7TXp {
   height: 24px
}

.content--ENR3oVtECcBxrFKS .header--XkaTUcnOiiMT2iQA.filter-empty--_4tyQLaIecESNT7u {
   justify-content: flex-end
}

.main--kvsCNaaAkoAPeFKV {
   display: flex;
   flex: 1 1;
   flex-direction: column;
   overflow: hidden
}

.main--kvsCNaaAkoAPeFKV .main-header--WrREO1ydo_aVYL8H {
   margin-bottom: 8px;
   padding: 1px 36px;
   width: 100%
}

.main-content--yONoa04asmCVaV8h {
   flex: 1 1;
   overflow: auto;
   padding: 0 24px
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-content {
   background-color: #f5f7fa;
   border: 0 solid rgba(0, 0, 0, .08);
   border-radius: 1.5rem;
   box-shadow: 0 7.7px 10.5px 0 rgba(0, 0, 0, .2), 0 6.3px 32.2px 0 rgba(0, 0, 0, .12), 0 16.8px 26.6px 0 rgba(0, 0, 0, .14);
   margin: auto;
   max-height: calc(100vh - 140px);
   min-height: 9.475rem;
   padding: 1.5rem 1.5rem 1.25rem;
   position: relative;
   width: 18.5rem
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-content .semi-modal-header {
   margin-bottom: .35rem;
   margin-top: 0
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-content .semi-modal-header .semi-modal-title {
   justify-content: center
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-content .semi-modal-body {
   min-height: 0;
   overflow: auto;
   text-align: center
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-content .semi-modal-body::-webkit-scrollbar {
   display: none
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-content .semi-modal-body.semi-modal-withIcon {
   margin-left: unset
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-content .semi-modal-footer {
   margin-bottom: 0;
   margin-top: 1rem
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-content .semi-modal-footer div {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width: 100%
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-content .semi-modal-footer .semi-button {
   border: 1px solid rgba(29, 28, 35, .16);
   border-radius: 2.375rem;
   margin: 0;
   min-width: 7.25rem
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-content .semi-modal-footer .semi-button span {
   font-size: .875rem;
   font-weight: 600;
   line-height: 1.25rem
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-header .semi-button-with-icon-only {
   border-radius: 4px;
   height: 24px;
   padding: 4px !important
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-header .semi-button-with-icon-only svg {
   height: 16px;
   width: 16px
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-header .semi-button-with-icon-only.semi-button-borderless:not(.semi-button-disabled):hover {
   background: var(--light-usage-fill-color-fill-1, rgba(46, 46, 56, .08))
}

.ui-mobile-modal--t3Kr7bEt6UBioCSb .semi-modal-header .semi-button-with-icon-only.semi-button-borderless:not(.semi-button-disabled):active {
   background: var(--light-usage-fill-color-fill-2, rgba(46, 46, 56, .12))
}

.drag-modal--Nr7A3FhkcYR0pSez {
   left: 0;
   min-width: 1280px;
   position: absolute;
   top: 0;
   width: 100%
}

.drag-modal--Nr7A3FhkcYR0pSez .drag-modal-wrapper--gMW68L3Hxw8Pbd1d {
   background: #f7f7fa;
   border: 1px solid var(--light-usage-border-color-border, rgba(28, 31, 35, .08));
   border-radius: 12px;
   box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1), 0 0 1px 0 rgba(0, 0, 0, .3);
   display: flex;
   flex-direction: column;
   max-height: calc(100vh - 140px);
   min-height: 144px;
   overflow: hidden;
   padding: 0 24px 24px;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1000
}

.drag-modal--Nr7A3FhkcYR0pSez .drag-modal-wrapper--gMW68L3Hxw8Pbd1d.modal-info--qtgu4jOvmTg0yXEN {
   width: 446px
}

.drag-modal--Nr7A3FhkcYR0pSez .drag-modal-wrapper--gMW68L3Hxw8Pbd1d.modal-action-small--PW8aFnT5PesCNBYZ {
   width: 560px
}

.drag-modal--Nr7A3FhkcYR0pSez .drag-modal-wrapper--gMW68L3Hxw8Pbd1d.modal-action--bD_MzVsMkJg7nZRg {
   width: 794px
}

.drag-modal--Nr7A3FhkcYR0pSez .drag-modal-wrapper--gMW68L3Hxw8Pbd1d.modal-base-composition--GvCDNyHabHwkK0m6 {
   height: calc(100vh - 140px);
   width: 1138px
}

.drag-modal--Nr7A3FhkcYR0pSez .drag-modal-wrapper--gMW68L3Hxw8Pbd1d.footer-custom--ZZwItpu_U9IhbGoj {
   padding-bottom: 0
}

.drag-modal--Nr7A3FhkcYR0pSez .drag-modal-wrapper--gMW68L3Hxw8Pbd1d .drag-modal-wrapper-title--ZTdWhzVNHsMx_nds {
   whitespace: nowrap;
   color: var(--light-usage-text-color-text-0, #1c1f23);
   flex-shrink: 0;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   padding: 24px 0 16px;
   text-overflow: ellipsis
}

.drag-modal--Nr7A3FhkcYR0pSez .drag-modal-wrapper--gMW68L3Hxw8Pbd1d .drag-modal-wrapper-close-btn--hgIWdNbuXVMn_oCR {
   color: var(--light-usage-text-color-text-0, #1c1d23) !important;
   position: absolute;
   right: 16px;
   top: 16px
}

.drag-modal--Nr7A3FhkcYR0pSez .drag-modal-wrapper--gMW68L3Hxw8Pbd1d .drag-modal-wrapper-content--xWLhNsBj4MKDC28o {
   flex: 1 1;
   overflow: auto
}

.drag-modal--Nr7A3FhkcYR0pSez .drag-modal-wrapper--gMW68L3Hxw8Pbd1d .drag-modal-wrapper-footer--qY5kigLEqgcBBNOw {
   flex-shrink: 0
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .semi-modal-content {
   padding: 0
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .semi-modal-content .semi-modal-body {
   height: 100%;
   padding: 0
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .semi-modal-content button.semi-modal-close {
   position: absolute;
   right: 20px;
   top: 28px
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .semi-tabs-bar.semi-tabs-bar-line.semi-tabs-bar-top {
   padding: 0
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .semi-tabs-bar.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab.semi-tabs-tab-line {
   border-bottom: none;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   margin: 0;
   padding: 28px 24px 20px
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .semi-tabs-bar.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab.semi-tabs-tab-line.semi-tabs-tab-active {
   border-bottom: none;
   color: var(--light-usage-primary-color-primary, #4d53e8)
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .semi-tabs-bar.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab.semi-tabs-tab-line:not(:first-child):before {
   background-color: var(--light-usage-border-color-border, rgba(28, 29, 35, .12));
   content: "";
   height: 24px;
   left: 0;
   position: absolute;
   top: 28px;
   width: 1px
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .semi-tabs-bar.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-bar-extra {
   height: 72px;
   line-height: 72px
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .semi-tabs-pane-motion-overlay {
   height: 100%
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .semi-spin-children {
   height: 100%
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .tabs--vW_BbgU9NgjPSdkY {
   align-items: stretch;
   display: flex;
   flex-direction: column
}

.ui-tabs-modal--j3MV9q7o4g1wUCQB .tab-pane--Q0qM_zcEWopc1cGU,
.ui-tabs-modal--j3MV9q7o4g1wUCQB .tabs--vW_BbgU9NgjPSdkY {
   height: 100%;
   overflow-y: hidden
}

.close-btn--B5OKjIdqGU_cVd8e {
   position: absolute;
   right: 25px;
   top: 28px;
   z-index: 1
}

.frame--QsdFXMX1roEnaxxP {
   background: linear-gradient(173deg, #ecf4ff -.79%, #d3e1ff 94.5%);
   height: 100%;
   justify-content: center;
   position: relative;
   width: 100%
}

.frame--QsdFXMX1roEnaxxP,
.frame--QsdFXMX1roEnaxxP .brand--gQf8ZV4NXzgApJIX {
   align-items: center;
   display: flex
}

.frame--QsdFXMX1roEnaxxP .brand--gQf8ZV4NXzgApJIX {
   color: #000;
   font-size: 24px;
   font-weight: 600;
   left: 24px;
   line-height: 24px;
   position: absolute;
   top: 16px
}

.frame--QsdFXMX1roEnaxxP .brand--gQf8ZV4NXzgApJIX .img--miHLrFeFaYEpBAtf {
   padding-right: 12px
}

.frame--QsdFXMX1roEnaxxP .brand--gQf8ZV4NXzgApJIX .img--miHLrFeFaYEpBAtf>img {
   height: 32px;
   width: 32px
}

.panel--IRsyx_0TYE1HC0m7 {
   background: #fff;
   border: 1px solid rgba(28, 31, 35, .08);
   border-radius: 12px;
   box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1), 0 0 1px 0 rgba(0, 0, 0, .3);
   height: 642px;
   padding: 40px 64px;
   width: 482px
}

.mobile-frame--gKRgxH6ZEBkvUwmf {
   align-items: center;
   display: flex;
   height: 100vh;
   justify-content: center;
   position: relative;
   width: 100vw
}

.mobile-panel--DzbYu_2FRC8CadKW {
   background: #fff;
   height: 100%;
   padding: 4.88rem 2.5rem 1.88rem;
   width: 100%
}

.ui-empty--jHTsa_yf5Qi4ZzwZ {
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center;
   padding-bottom: 5%;
   width: 100%
}

.ui-empty--jHTsa_yf5Qi4ZzwZ .semi-empty-content {
   margin-top: 16px
}

.ui-empty--jHTsa_yf5Qi4ZzwZ .semi-empty-title {
   font-size: 16px !important
}

.ui-empty--jHTsa_yf5Qi4ZzwZ .semi-empty-description {
   font-size: 14px
}

.ui-empty--jHTsa_yf5Qi4ZzwZ .semi-empty-title+.semi-empty-description {
   margin-top: 4px
}

.ui-empty--jHTsa_yf5Qi4ZzwZ .semi-empty-footer {
   display: flex;
   justify-content: center
}

.ui-tag--_BILBuOvEsoxynM8.semi-tag-square {
   border-radius: 6px;
   font-weight: 500
}

.semi-popover-wrapper:has(.ui-cascader-dropdown--JvlJW6fve1MLQIHA) {
   background: var(--light-usage-bg-color-bg-3, #fff);
   border-radius: 6px
}

.ui-cascader--CdYvg6lndVczhnOp.semi-cascader.semi-cascader-disabled {
   background-color: var(--semi-color-disabled-fill)
}

.ui-cascader--CdYvg6lndVczhnOp:not(.semi-cascader-disabled) div,
.ui-cascader--CdYvg6lndVczhnOp:not(.semi-cascader-disabled) span:not(.semi-cascader-selection-placeholder) {
   color: #1d1c23
}

.ui-cascader-dropdown--JvlJW6fve1MLQIHA .semi-cascader-option-lists .semi-cascader-option-list {
   padding: 4px 6px
}

.ui-cascader-dropdown--JvlJW6fve1MLQIHA .semi-cascader-option-lists .semi-cascader-option {
   font-weight: 600
}

.ui-cascader-dropdown--JvlJW6fve1MLQIHA .semi-cascader-option-lists .semi-cascader-option:not(:first-child) {
   margin-top: 4px
}

.ui-cascader-dropdown--JvlJW6fve1MLQIHA .semi-cascader-option-lists .semi-cascader-option:hover {
   background: var(--light-usage-fill-color-fill-1, rgba(46, 46, 56, .08));
   border-radius: 4px
}

.ui-cascader-dropdown--JvlJW6fve1MLQIHA .semi-cascader-option-lists .semi-cascader-option-active,
.ui-cascader-dropdown--JvlJW6fve1MLQIHA .semi-cascader-option-lists .semi-cascader-option-select {
   background: var(--light-usage-fill-color-fill-1, rgba(46, 46, 56, .08));
   border-radius: 4px;
   color: var(--light-usage-primary-color-primary, #4d53e8)
}

.ui-cascader-dropdown--JvlJW6fve1MLQIHA .semi-cascader-option-lists .semi-cascader-option-active .semi-cascader-option-icon,
.ui-cascader-dropdown--JvlJW6fve1MLQIHA .semi-cascader-option-lists .semi-cascader-option-select .semi-cascader-option-icon {
   color: var(--light-usage-primary-color-primary, #4d53e8)
}

.container--LxWBH3rWIR8vTq9m {
   margin-top: 8px
}

.container--LxWBH3rWIR8vTq9m:first-child {
   margin-top: 0
}

.container--LxWBH3rWIR8vTq9m .icon--wgWoYQLuNWc4M5Ll,
.container--LxWBH3rWIR8vTq9m .icon--wgWoYQLuNWc4M5Ll>span {
   height: 20px;
   width: 20px
}

.container--LxWBH3rWIR8vTq9m .semi-toast-content {
   border-radius: 8px;
   padding: 12px 16px
}

.container--LxWBH3rWIR8vTq9m .semi-toast-content>.semi-toast-content-text {
   color: var(--light-usage-text-color-text-0, #1d1c23);
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 20px;
   margin-right: 0
}

.ui-dropdown--fMPG9mcpjJYnIsAg .title--GhsMmRJcWwsfFRkU.semi-dropdown-title {
   padding: 8px 12px
}

.ui-dropdown--fMPG9mcpjJYnIsAg .menu--G75oqsFJ6ofnGTbV.semi-dropdown-menu,
.ui-dropdown--fMPG9mcpjJYnIsAg [role=menu].semi-dropdown-menu {
   max-width: 480px;
   padding: 4px
}

.ui-dropdown--fMPG9mcpjJYnIsAg .menu--G75oqsFJ6ofnGTbV.semi-dropdown-menu .semi-dropdown-item:hover,
.ui-dropdown--fMPG9mcpjJYnIsAg [role=menu].semi-dropdown-menu .semi-dropdown-item:hover {
   background-color: #1c1c230a;
   border-radius: 4px
}

.ui-dropdown--fMPG9mcpjJYnIsAg .item--b7XLVE6RS7MsoGdC.semi-dropdown-item {
   align-items: center;
   height: 40px;
   max-width: unset;
   padding: 8px 12px
}

.ui-dropdown--fMPG9mcpjJYnIsAg .item--b7XLVE6RS7MsoGdC.semi-dropdown-item[aria-disabled=true] {
   opacity: .4
}

.ui-dropdown--fMPG9mcpjJYnIsAg .item--b7XLVE6RS7MsoGdC.semi-dropdown-item .semi-icon {
   font-size: 16px;
   margin-right: 8px
}

.icon-default--ysfs3MobLvYfQ5gv {
   background-repeat: no-repeat;
   background-size: cover;
   height: 14px;
   width: 14px
}

.mask-attribute--q3Ur3mJNScgF6yRa {
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100%;
   mask-size: 100%
}

.icon-grey-default--_h_G3xwBLUW9uig7 {
   background-color: #7a7b7c;
   -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE1IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTcuMDI5NTIgMTIuNzA2NUwzLjE2NjgzIDkuOTE2NzNWNC4wODM0TDcuMDI5NTMgMS4yOTM2N0M3LjYwODE5IDAuODc1NzUyIDguNDE2ODMgMS4yODkyMiA4LjQxNjgzIDIuMDAzMDJWMTEuOTk3MUM4LjQxNjgzIDEyLjcxMDkgNy42MDgxOSAxMy4xMjQ0IDcuMDI5NTIgMTIuNzA2NVpNNC4zMzM1IDkuMzIwMkw3LjI1MDE2IDExLjQyNjdWMi41NzM0NUw0LjMzMzUgNC42Nzk5M1Y5LjMyMDJaIgogICAgZmlsbD0iIzFDMUQyMyIgLz4KICA8cGF0aAogICAgZD0iTTEuNDE2ODMgNC4wODM0NEMxLjA5NDY2IDQuMDgzNDQgMC44MzM0OTYgNC4zNDQ2IDAuODMzNDk2IDQuNjY2NzdWOS4zMzM0NEMwLjgzMzQ5NiA5LjY1NTYgMS4wOTQ2NiA5LjkxNjc3IDEuNDE2ODMgOS45MTY3N0gyLjAwMDE2VjQuMDgzNDRIMS40MTY4M1oiCiAgICBmaWxsPSIjMUMxRDIzIiAvPgogIDxwYXRoCiAgICBkPSJNOS43OTk5MSA0Ljc5NjY2QzEwLjA1MDMgNC41OTQgMTAuNDE3NyA0LjYzMjc0IDEwLjYyMDMgNC44ODMxOEMxMS4wOTQyIDUuNDY4NzYgMTEuMzk4MyA2LjE0OTIxIDExLjM5ODMgNy4wMDAxMkMxMS4zOTgzIDcuODUxMDQgMTEuMDk0MiA4LjUzMTQ4IDEwLjYyMDMgOS4xMTcwNkMxMC40MTc3IDkuMzY3NTEgMTAuMDUwMyA5LjQwNjI0IDkuNzk5OTEgOS4yMDM1OUM5LjU0OTQ2IDkuMDAwOTMgOS41MTA3MyA4LjYzMzYyIDkuNzEzMzggOC4zODMxOEMxMC4wNTAyIDcuOTY2OSAxMC4yMzE3IDcuNTM4MzggMTAuMjMxNyA3LjAwMDEyQzEwLjIzMTcgNi40NjE4NyAxMC4wNTAyIDYuMDMzMzQgOS43MTMzOCA1LjYxNzA2QzkuNTEwNzMgNS4zNjY2MiA5LjU0OTQ2IDQuOTk5MzEgOS43OTk5MSA0Ljc5NjY2WiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xMS43MjI1IDIuNjUyM0MxMS40ODI1IDIuNDM3NDQgMTEuMTEzNyAyLjQ1Nzg3IDEwLjg5ODggMi42OTc5M0MxMC42ODQgMi45Mzc5OCAxMC43MDQ0IDMuMzA2NzcgMTAuOTQ0NSAzLjUyMTYyQzExLjkwMDEgNC4zNzY5NiAxMi41MDAyIDUuNjE4MDkgMTIuNTAwMiA3LjAwMDE1QzEyLjUwMDIgOC4zODIyIDExLjkwMDEgOS42MjMzNCAxMC45NDQ1IDEwLjQ3ODdDMTAuNzA0NCAxMC42OTM1IDEwLjY4NCAxMS4wNjIzIDEwLjg5ODggMTEuMzAyNEMxMS4xMTM3IDExLjU0MjQgMTEuNDgyNSAxMS41NjI5IDExLjcyMjUgMTEuMzQ4QzEyLjkxNSAxMC4yODA3IDEzLjY2NjggOC43Mjc4NCAxMy42NjY4IDcuMDAwMTVDMTMuNjY2OCA1LjI3MjQ1IDEyLjkxNSAzLjcxOTU5IDExLjcyMjUgMi42NTIzWiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+Cjwvc3ZnPgo=);
   mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE1IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTcuMDI5NTIgMTIuNzA2NUwzLjE2NjgzIDkuOTE2NzNWNC4wODM0TDcuMDI5NTMgMS4yOTM2N0M3LjYwODE5IDAuODc1NzUyIDguNDE2ODMgMS4yODkyMiA4LjQxNjgzIDIuMDAzMDJWMTEuOTk3MUM4LjQxNjgzIDEyLjcxMDkgNy42MDgxOSAxMy4xMjQ0IDcuMDI5NTIgMTIuNzA2NVpNNC4zMzM1IDkuMzIwMkw3LjI1MDE2IDExLjQyNjdWMi41NzM0NUw0LjMzMzUgNC42Nzk5M1Y5LjMyMDJaIgogICAgZmlsbD0iIzFDMUQyMyIgLz4KICA8cGF0aAogICAgZD0iTTEuNDE2ODMgNC4wODM0NEMxLjA5NDY2IDQuMDgzNDQgMC44MzM0OTYgNC4zNDQ2IDAuODMzNDk2IDQuNjY2NzdWOS4zMzM0NEMwLjgzMzQ5NiA5LjY1NTYgMS4wOTQ2NiA5LjkxNjc3IDEuNDE2ODMgOS45MTY3N0gyLjAwMDE2VjQuMDgzNDRIMS40MTY4M1oiCiAgICBmaWxsPSIjMUMxRDIzIiAvPgogIDxwYXRoCiAgICBkPSJNOS43OTk5MSA0Ljc5NjY2QzEwLjA1MDMgNC41OTQgMTAuNDE3NyA0LjYzMjc0IDEwLjYyMDMgNC44ODMxOEMxMS4wOTQyIDUuNDY4NzYgMTEuMzk4MyA2LjE0OTIxIDExLjM5ODMgNy4wMDAxMkMxMS4zOTgzIDcuODUxMDQgMTEuMDk0MiA4LjUzMTQ4IDEwLjYyMDMgOS4xMTcwNkMxMC40MTc3IDkuMzY3NTEgMTAuMDUwMyA5LjQwNjI0IDkuNzk5OTEgOS4yMDM1OUM5LjU0OTQ2IDkuMDAwOTMgOS41MTA3MyA4LjYzMzYyIDkuNzEzMzggOC4zODMxOEMxMC4wNTAyIDcuOTY2OSAxMC4yMzE3IDcuNTM4MzggMTAuMjMxNyA3LjAwMDEyQzEwLjIzMTcgNi40NjE4NyAxMC4wNTAyIDYuMDMzMzQgOS43MTMzOCA1LjYxNzA2QzkuNTEwNzMgNS4zNjY2MiA5LjU0OTQ2IDQuOTk5MzEgOS43OTk5MSA0Ljc5NjY2WiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xMS43MjI1IDIuNjUyM0MxMS40ODI1IDIuNDM3NDQgMTEuMTEzNyAyLjQ1Nzg3IDEwLjg5ODggMi42OTc5M0MxMC42ODQgMi45Mzc5OCAxMC43MDQ0IDMuMzA2NzcgMTAuOTQ0NSAzLjUyMTYyQzExLjkwMDEgNC4zNzY5NiAxMi41MDAyIDUuNjE4MDkgMTIuNTAwMiA3LjAwMDE1QzEyLjUwMDIgOC4zODIyIDExLjkwMDEgOS42MjMzNCAxMC45NDQ1IDEwLjQ3ODdDMTAuNzA0NCAxMC42OTM1IDEwLjY4NCAxMS4wNjIzIDEwLjg5ODggMTEuMzAyNEMxMS4xMTM3IDExLjU0MjQgMTEuNDgyNSAxMS41NjI5IDExLjcyMjUgMTEuMzQ4QzEyLjkxNSAxMC4yODA3IDEzLjY2NjggOC43Mjc4NCAxMy42NjY4IDcuMDAwMTVDMTMuNjY2OCA1LjI3MjQ1IDEyLjkxNSAzLjcxOTU5IDExLjcyMjUgMi42NTIzWiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+Cjwvc3ZnPgo=)
}

.icon-black-default--Coc3mzlYs_99aZWz,
.icon-black-playing--M4BRu54AGyAHcoFv {
   background-color: #000;
   -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE1IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTcuMDI5NTIgMTIuNzA2NUwzLjE2NjgzIDkuOTE2NzNWNC4wODM0TDcuMDI5NTMgMS4yOTM2N0M3LjYwODE5IDAuODc1NzUyIDguNDE2ODMgMS4yODkyMiA4LjQxNjgzIDIuMDAzMDJWMTEuOTk3MUM4LjQxNjgzIDEyLjcxMDkgNy42MDgxOSAxMy4xMjQ0IDcuMDI5NTIgMTIuNzA2NVpNNC4zMzM1IDkuMzIwMkw3LjI1MDE2IDExLjQyNjdWMi41NzM0NUw0LjMzMzUgNC42Nzk5M1Y5LjMyMDJaIgogICAgZmlsbD0iIzFDMUQyMyIgLz4KICA8cGF0aAogICAgZD0iTTEuNDE2ODMgNC4wODM0NEMxLjA5NDY2IDQuMDgzNDQgMC44MzM0OTYgNC4zNDQ2IDAuODMzNDk2IDQuNjY2NzdWOS4zMzM0NEMwLjgzMzQ5NiA5LjY1NTYgMS4wOTQ2NiA5LjkxNjc3IDEuNDE2ODMgOS45MTY3N0gyLjAwMDE2VjQuMDgzNDRIMS40MTY4M1oiCiAgICBmaWxsPSIjMUMxRDIzIiAvPgogIDxwYXRoCiAgICBkPSJNOS43OTk5MSA0Ljc5NjY2QzEwLjA1MDMgNC41OTQgMTAuNDE3NyA0LjYzMjc0IDEwLjYyMDMgNC44ODMxOEMxMS4wOTQyIDUuNDY4NzYgMTEuMzk4MyA2LjE0OTIxIDExLjM5ODMgNy4wMDAxMkMxMS4zOTgzIDcuODUxMDQgMTEuMDk0MiA4LjUzMTQ4IDEwLjYyMDMgOS4xMTcwNkMxMC40MTc3IDkuMzY3NTEgMTAuMDUwMyA5LjQwNjI0IDkuNzk5OTEgOS4yMDM1OUM5LjU0OTQ2IDkuMDAwOTMgOS41MTA3MyA4LjYzMzYyIDkuNzEzMzggOC4zODMxOEMxMC4wNTAyIDcuOTY2OSAxMC4yMzE3IDcuNTM4MzggMTAuMjMxNyA3LjAwMDEyQzEwLjIzMTcgNi40NjE4NyAxMC4wNTAyIDYuMDMzMzQgOS43MTMzOCA1LjYxNzA2QzkuNTEwNzMgNS4zNjY2MiA5LjU0OTQ2IDQuOTk5MzEgOS43OTk5MSA0Ljc5NjY2WiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xMS43MjI1IDIuNjUyM0MxMS40ODI1IDIuNDM3NDQgMTEuMTEzNyAyLjQ1Nzg3IDEwLjg5ODggMi42OTc5M0MxMC42ODQgMi45Mzc5OCAxMC43MDQ0IDMuMzA2NzcgMTAuOTQ0NSAzLjUyMTYyQzExLjkwMDEgNC4zNzY5NiAxMi41MDAyIDUuNjE4MDkgMTIuNTAwMiA3LjAwMDE1QzEyLjUwMDIgOC4zODIyIDExLjkwMDEgOS42MjMzNCAxMC45NDQ1IDEwLjQ3ODdDMTAuNzA0NCAxMC42OTM1IDEwLjY4NCAxMS4wNjIzIDEwLjg5ODggMTEuMzAyNEMxMS4xMTM3IDExLjU0MjQgMTEuNDgyNSAxMS41NjI5IDExLjcyMjUgMTEuMzQ4QzEyLjkxNSAxMC4yODA3IDEzLjY2NjggOC43Mjc4NCAxMy42NjY4IDcuMDAwMTVDMTMuNjY2OCA1LjI3MjQ1IDEyLjkxNSAzLjcxOTU5IDExLjcyMjUgMi42NTIzWiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+Cjwvc3ZnPgo=);
   mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE1IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTcuMDI5NTIgMTIuNzA2NUwzLjE2NjgzIDkuOTE2NzNWNC4wODM0TDcuMDI5NTMgMS4yOTM2N0M3LjYwODE5IDAuODc1NzUyIDguNDE2ODMgMS4yODkyMiA4LjQxNjgzIDIuMDAzMDJWMTEuOTk3MUM4LjQxNjgzIDEyLjcxMDkgNy42MDgxOSAxMy4xMjQ0IDcuMDI5NTIgMTIuNzA2NVpNNC4zMzM1IDkuMzIwMkw3LjI1MDE2IDExLjQyNjdWMi41NzM0NUw0LjMzMzUgNC42Nzk5M1Y5LjMyMDJaIgogICAgZmlsbD0iIzFDMUQyMyIgLz4KICA8cGF0aAogICAgZD0iTTEuNDE2ODMgNC4wODM0NEMxLjA5NDY2IDQuMDgzNDQgMC44MzM0OTYgNC4zNDQ2IDAuODMzNDk2IDQuNjY2NzdWOS4zMzM0NEMwLjgzMzQ5NiA5LjY1NTYgMS4wOTQ2NiA5LjkxNjc3IDEuNDE2ODMgOS45MTY3N0gyLjAwMDE2VjQuMDgzNDRIMS40MTY4M1oiCiAgICBmaWxsPSIjMUMxRDIzIiAvPgogIDxwYXRoCiAgICBkPSJNOS43OTk5MSA0Ljc5NjY2QzEwLjA1MDMgNC41OTQgMTAuNDE3NyA0LjYzMjc0IDEwLjYyMDMgNC44ODMxOEMxMS4wOTQyIDUuNDY4NzYgMTEuMzk4MyA2LjE0OTIxIDExLjM5ODMgNy4wMDAxMkMxMS4zOTgzIDcuODUxMDQgMTEuMDk0MiA4LjUzMTQ4IDEwLjYyMDMgOS4xMTcwNkMxMC40MTc3IDkuMzY3NTEgMTAuMDUwMyA5LjQwNjI0IDkuNzk5OTEgOS4yMDM1OUM5LjU0OTQ2IDkuMDAwOTMgOS41MTA3MyA4LjYzMzYyIDkuNzEzMzggOC4zODMxOEMxMC4wNTAyIDcuOTY2OSAxMC4yMzE3IDcuNTM4MzggMTAuMjMxNyA3LjAwMDEyQzEwLjIzMTcgNi40NjE4NyAxMC4wNTAyIDYuMDMzMzQgOS43MTMzOCA1LjYxNzA2QzkuNTEwNzMgNS4zNjY2MiA5LjU0OTQ2IDQuOTk5MzEgOS43OTk5MSA0Ljc5NjY2WiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xMS43MjI1IDIuNjUyM0MxMS40ODI1IDIuNDM3NDQgMTEuMTEzNyAyLjQ1Nzg3IDEwLjg5ODggMi42OTc5M0MxMC42ODQgMi45Mzc5OCAxMC43MDQ0IDMuMzA2NzcgMTAuOTQ0NSAzLjUyMTYyQzExLjkwMDEgNC4zNzY5NiAxMi41MDAyIDUuNjE4MDkgMTIuNTAwMiA3LjAwMDE1QzEyLjUwMDIgOC4zODIyIDExLjkwMDEgOS42MjMzNCAxMC45NDQ1IDEwLjQ3ODdDMTAuNzA0NCAxMC42OTM1IDEwLjY4NCAxMS4wNjIzIDEwLjg5ODggMTEuMzAyNEMxMS4xMTM3IDExLjU0MjQgMTEuNDgyNSAxMS41NjI5IDExLjcyMjUgMTEuMzQ4QzEyLjkxNSAxMC4yODA3IDEzLjY2NjggOC43Mjc4NCAxMy42NjY4IDcuMDAwMTVDMTMuNjY2OCA1LjI3MjQ1IDEyLjkxNSAzLjcxOTU5IDExLjcyMjUgMi42NTIzWiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+Cjwvc3ZnPgo=);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100%;
   mask-size: 100%
}

.icon-black-playing--M4BRu54AGyAHcoFv,
.icon-grey-playing--BClM7ErMSY56e6N6 {
   animation: icons-black--VKfoaPiftF0L_upL 1.5s infinite
}

.icon-grey-playing--BClM7ErMSY56e6N6 {
   background-color: #4d53e8
}

.icon-blue-default--fUA_t5l3yNwtrZ19,
.icon-blue-playing--fSpyhZnqMN4Rh7ie {
   background-color: #000;
   background-color: #4d53e8;
   -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE1IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTcuMDI5NTIgMTIuNzA2NUwzLjE2NjgzIDkuOTE2NzNWNC4wODM0TDcuMDI5NTMgMS4yOTM2N0M3LjYwODE5IDAuODc1NzUyIDguNDE2ODMgMS4yODkyMiA4LjQxNjgzIDIuMDAzMDJWMTEuOTk3MUM4LjQxNjgzIDEyLjcxMDkgNy42MDgxOSAxMy4xMjQ0IDcuMDI5NTIgMTIuNzA2NVpNNC4zMzM1IDkuMzIwMkw3LjI1MDE2IDExLjQyNjdWMi41NzM0NUw0LjMzMzUgNC42Nzk5M1Y5LjMyMDJaIgogICAgZmlsbD0iIzFDMUQyMyIgLz4KICA8cGF0aAogICAgZD0iTTEuNDE2ODMgNC4wODM0NEMxLjA5NDY2IDQuMDgzNDQgMC44MzM0OTYgNC4zNDQ2IDAuODMzNDk2IDQuNjY2NzdWOS4zMzM0NEMwLjgzMzQ5NiA5LjY1NTYgMS4wOTQ2NiA5LjkxNjc3IDEuNDE2ODMgOS45MTY3N0gyLjAwMDE2VjQuMDgzNDRIMS40MTY4M1oiCiAgICBmaWxsPSIjMUMxRDIzIiAvPgogIDxwYXRoCiAgICBkPSJNOS43OTk5MSA0Ljc5NjY2QzEwLjA1MDMgNC41OTQgMTAuNDE3NyA0LjYzMjc0IDEwLjYyMDMgNC44ODMxOEMxMS4wOTQyIDUuNDY4NzYgMTEuMzk4MyA2LjE0OTIxIDExLjM5ODMgNy4wMDAxMkMxMS4zOTgzIDcuODUxMDQgMTEuMDk0MiA4LjUzMTQ4IDEwLjYyMDMgOS4xMTcwNkMxMC40MTc3IDkuMzY3NTEgMTAuMDUwMyA5LjQwNjI0IDkuNzk5OTEgOS4yMDM1OUM5LjU0OTQ2IDkuMDAwOTMgOS41MTA3MyA4LjYzMzYyIDkuNzEzMzggOC4zODMxOEMxMC4wNTAyIDcuOTY2OSAxMC4yMzE3IDcuNTM4MzggMTAuMjMxNyA3LjAwMDEyQzEwLjIzMTcgNi40NjE4NyAxMC4wNTAyIDYuMDMzMzQgOS43MTMzOCA1LjYxNzA2QzkuNTEwNzMgNS4zNjY2MiA5LjU0OTQ2IDQuOTk5MzEgOS43OTk5MSA0Ljc5NjY2WiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xMS43MjI1IDIuNjUyM0MxMS40ODI1IDIuNDM3NDQgMTEuMTEzNyAyLjQ1Nzg3IDEwLjg5ODggMi42OTc5M0MxMC42ODQgMi45Mzc5OCAxMC43MDQ0IDMuMzA2NzcgMTAuOTQ0NSAzLjUyMTYyQzExLjkwMDEgNC4zNzY5NiAxMi41MDAyIDUuNjE4MDkgMTIuNTAwMiA3LjAwMDE1QzEyLjUwMDIgOC4zODIyIDExLjkwMDEgOS42MjMzNCAxMC45NDQ1IDEwLjQ3ODdDMTAuNzA0NCAxMC42OTM1IDEwLjY4NCAxMS4wNjIzIDEwLjg5ODggMTEuMzAyNEMxMS4xMTM3IDExLjU0MjQgMTEuNDgyNSAxMS41NjI5IDExLjcyMjUgMTEuMzQ4QzEyLjkxNSAxMC4yODA3IDEzLjY2NjggOC43Mjc4NCAxMy42NjY4IDcuMDAwMTVDMTMuNjY2OCA1LjI3MjQ1IDEyLjkxNSAzLjcxOTU5IDExLjcyMjUgMi42NTIzWiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+Cjwvc3ZnPgo=);
   mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE1IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTcuMDI5NTIgMTIuNzA2NUwzLjE2NjgzIDkuOTE2NzNWNC4wODM0TDcuMDI5NTMgMS4yOTM2N0M3LjYwODE5IDAuODc1NzUyIDguNDE2ODMgMS4yODkyMiA4LjQxNjgzIDIuMDAzMDJWMTEuOTk3MUM4LjQxNjgzIDEyLjcxMDkgNy42MDgxOSAxMy4xMjQ0IDcuMDI5NTIgMTIuNzA2NVpNNC4zMzM1IDkuMzIwMkw3LjI1MDE2IDExLjQyNjdWMi41NzM0NUw0LjMzMzUgNC42Nzk5M1Y5LjMyMDJaIgogICAgZmlsbD0iIzFDMUQyMyIgLz4KICA8cGF0aAogICAgZD0iTTEuNDE2ODMgNC4wODM0NEMxLjA5NDY2IDQuMDgzNDQgMC44MzM0OTYgNC4zNDQ2IDAuODMzNDk2IDQuNjY2NzdWOS4zMzM0NEMwLjgzMzQ5NiA5LjY1NTYgMS4wOTQ2NiA5LjkxNjc3IDEuNDE2ODMgOS45MTY3N0gyLjAwMDE2VjQuMDgzNDRIMS40MTY4M1oiCiAgICBmaWxsPSIjMUMxRDIzIiAvPgogIDxwYXRoCiAgICBkPSJNOS43OTk5MSA0Ljc5NjY2QzEwLjA1MDMgNC41OTQgMTAuNDE3NyA0LjYzMjc0IDEwLjYyMDMgNC44ODMxOEMxMS4wOTQyIDUuNDY4NzYgMTEuMzk4MyA2LjE0OTIxIDExLjM5ODMgNy4wMDAxMkMxMS4zOTgzIDcuODUxMDQgMTEuMDk0MiA4LjUzMTQ4IDEwLjYyMDMgOS4xMTcwNkMxMC40MTc3IDkuMzY3NTEgMTAuMDUwMyA5LjQwNjI0IDkuNzk5OTEgOS4yMDM1OUM5LjU0OTQ2IDkuMDAwOTMgOS41MTA3MyA4LjYzMzYyIDkuNzEzMzggOC4zODMxOEMxMC4wNTAyIDcuOTY2OSAxMC4yMzE3IDcuNTM4MzggMTAuMjMxNyA3LjAwMDEyQzEwLjIzMTcgNi40NjE4NyAxMC4wNTAyIDYuMDMzMzQgOS43MTMzOCA1LjYxNzA2QzkuNTEwNzMgNS4zNjY2MiA5LjU0OTQ2IDQuOTk5MzEgOS43OTk5MSA0Ljc5NjY2WiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xMS43MjI1IDIuNjUyM0MxMS40ODI1IDIuNDM3NDQgMTEuMTEzNyAyLjQ1Nzg3IDEwLjg5ODggMi42OTc5M0MxMC42ODQgMi45Mzc5OCAxMC43MDQ0IDMuMzA2NzcgMTAuOTQ0NSAzLjUyMTYyQzExLjkwMDEgNC4zNzY5NiAxMi41MDAyIDUuNjE4MDkgMTIuNTAwMiA3LjAwMDE1QzEyLjUwMDIgOC4zODIyIDExLjkwMDEgOS42MjMzNCAxMC45NDQ1IDEwLjQ3ODdDMTAuNzA0NCAxMC42OTM1IDEwLjY4NCAxMS4wNjIzIDEwLjg5ODggMTEuMzAyNEMxMS4xMTM3IDExLjU0MjQgMTEuNDgyNSAxMS41NjI5IDExLjcyMjUgMTEuMzQ4QzEyLjkxNSAxMC4yODA3IDEzLjY2NjggOC43Mjc4NCAxMy42NjY4IDcuMDAwMTVDMTMuNjY2OCA1LjI3MjQ1IDEyLjkxNSAzLjcxOTU5IDExLjcyMjUgMi42NTIzWiIKICAgIGZpbGw9IiMxQzFEMjMiIC8+Cjwvc3ZnPgo=);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100%;
   mask-size: 100%;
   -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzc5NTIgMTIuNzA2NUwyLjkxNjgzIDkuOTE2NzNWNC4wODM0TDYuNzc5NTMgMS4yOTM2N0M3LjM1ODE5IDAuODc1NzUyIDguMTY2ODMgMS4yODkyMiA4LjE2NjgzIDIuMDAzMDJWMTEuOTk3MUM4LjE2NjgzIDEyLjcxMDkgNy4zNTgxOSAxMy4xMjQ0IDYuNzc5NTIgMTIuNzA2NVpNNC4wODM1IDkuMzIwMkw3LjAwMDE2IDExLjQyNjdWMi41NzM0NUw0LjA4MzUgNC42Nzk5M1Y5LjMyMDJaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgogIDxwYXRoCiAgICBkPSJNMS4xNjY4MyA0LjA4MzQ0QzAuODQ0NjYzIDQuMDgzNDQgMC41ODM0OTYgNC4zNDQ2IDAuNTgzNDk2IDQuNjY2NzdWOS4zMzM0NEMwLjU4MzQ5NiA5LjY1NTYgMC44NDQ2NjMgOS45MTY3NyAxLjE2NjgzIDkuOTE2NzdIMS43NTAxNlY0LjA4MzQ0SDEuMTY2ODNaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgogIDxwYXRoCiAgICBkPSJNOS41NDk5MSA0Ljc5NjY2QzkuODAwMzUgNC41OTQgMTAuMTY3NyA0LjYzMjc0IDEwLjM3MDMgNC44ODMxOEMxMC44NDQyIDUuNDY4NzYgMTEuMTQ4MyA2LjE0OTIxIDExLjE0ODMgNy4wMDAxMkMxMS4xNDgzIDcuODUxMDQgMTAuODQ0MiA4LjUzMTQ4IDEwLjM3MDMgOS4xMTcwNkMxMC4xNjc3IDkuMzY3NTEgOS44MDAzNSA5LjQwNjI0IDkuNTQ5OTEgOS4yMDM1OUM5LjI5OTQ2IDkuMDAwOTMgOS4yNjA3MyA4LjYzMzYyIDkuNDYzMzggOC4zODMxOEM5LjgwMDI0IDcuOTY2OSA5Ljk4MTY2IDcuNTM4MzggOS45ODE2NiA3LjAwMDEyQzkuOTgxNjYgNi40NjE4NyA5LjgwMDI0IDYuMDMzMzQgOS40NjMzOCA1LjYxNzA2QzkuMjYwNzMgNS4zNjY2MiA5LjI5OTQ2IDQuOTk5MzEgOS41NDk5MSA0Ljc5NjY2WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTExLjQ3MjUgMi42NTIzQzExLjIzMjUgMi40Mzc0NCAxMC44NjM3IDIuNDU3ODcgMTAuNjQ4OCAyLjY5NzkzQzEwLjQzNCAyLjkzNzk4IDEwLjQ1NDQgMy4zMDY3NyAxMC42OTQ1IDMuNTIxNjJDMTEuNjUwMSA0LjM3Njk2IDEyLjI1MDIgNS42MTgwOSAxMi4yNTAyIDcuMDAwMTVDMTIuMjUwMiA4LjM4MjIgMTEuNjUwMSA5LjYyMzM0IDEwLjY5NDUgMTAuNDc4N0MxMC40NTQ0IDEwLjY5MzUgMTAuNDM0IDExLjA2MjMgMTAuNjQ4OCAxMS4zMDI0QzEwLjg2MzcgMTEuNTQyNCAxMS4yMzI1IDExLjU2MjkgMTEuNDcyNSAxMS4zNDhDMTIuNjY1IDEwLjI4MDcgMTMuNDE2OCA4LjcyNzg0IDEzLjQxNjggNy4wMDAxNUMxMy40MTY4IDUuMjcyNDUgMTIuNjY1IDMuNzE5NTkgMTEuNDcyNSAyLjY1MjNaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4K);
   mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzc5NTIgMTIuNzA2NUwyLjkxNjgzIDkuOTE2NzNWNC4wODM0TDYuNzc5NTMgMS4yOTM2N0M3LjM1ODE5IDAuODc1NzUyIDguMTY2ODMgMS4yODkyMiA4LjE2NjgzIDIuMDAzMDJWMTEuOTk3MUM4LjE2NjgzIDEyLjcxMDkgNy4zNTgxOSAxMy4xMjQ0IDYuNzc5NTIgMTIuNzA2NVpNNC4wODM1IDkuMzIwMkw3LjAwMDE2IDExLjQyNjdWMi41NzM0NUw0LjA4MzUgNC42Nzk5M1Y5LjMyMDJaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgogIDxwYXRoCiAgICBkPSJNMS4xNjY4MyA0LjA4MzQ0QzAuODQ0NjYzIDQuMDgzNDQgMC41ODM0OTYgNC4zNDQ2IDAuNTgzNDk2IDQuNjY2NzdWOS4zMzM0NEMwLjU4MzQ5NiA5LjY1NTYgMC44NDQ2NjMgOS45MTY3NyAxLjE2NjgzIDkuOTE2NzdIMS43NTAxNlY0LjA4MzQ0SDEuMTY2ODNaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgogIDxwYXRoCiAgICBkPSJNOS41NDk5MSA0Ljc5NjY2QzkuODAwMzUgNC41OTQgMTAuMTY3NyA0LjYzMjc0IDEwLjM3MDMgNC44ODMxOEMxMC44NDQyIDUuNDY4NzYgMTEuMTQ4MyA2LjE0OTIxIDExLjE0ODMgNy4wMDAxMkMxMS4xNDgzIDcuODUxMDQgMTAuODQ0MiA4LjUzMTQ4IDEwLjM3MDMgOS4xMTcwNkMxMC4xNjc3IDkuMzY3NTEgOS44MDAzNSA5LjQwNjI0IDkuNTQ5OTEgOS4yMDM1OUM5LjI5OTQ2IDkuMDAwOTMgOS4yNjA3MyA4LjYzMzYyIDkuNDYzMzggOC4zODMxOEM5LjgwMDI0IDcuOTY2OSA5Ljk4MTY2IDcuNTM4MzggOS45ODE2NiA3LjAwMDEyQzkuOTgxNjYgNi40NjE4NyA5LjgwMDI0IDYuMDMzMzQgOS40NjMzOCA1LjYxNzA2QzkuMjYwNzMgNS4zNjY2MiA5LjI5OTQ2IDQuOTk5MzEgOS41NDk5MSA0Ljc5NjY2WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTExLjQ3MjUgMi42NTIzQzExLjIzMjUgMi40Mzc0NCAxMC44NjM3IDIuNDU3ODcgMTAuNjQ4OCAyLjY5NzkzQzEwLjQzNCAyLjkzNzk4IDEwLjQ1NDQgMy4zMDY3NyAxMC42OTQ1IDMuNTIxNjJDMTEuNjUwMSA0LjM3Njk2IDEyLjI1MDIgNS42MTgwOSAxMi4yNTAyIDcuMDAwMTVDMTIuMjUwMiA4LjM4MjIgMTEuNjUwMSA5LjYyMzM0IDEwLjY5NDUgMTAuNDc4N0MxMC40NTQ0IDEwLjY5MzUgMTAuNDM0IDExLjA2MjMgMTAuNjQ4OCAxMS4zMDI0QzEwLjg2MzcgMTEuNTQyNCAxMS4yMzI1IDExLjU2MjkgMTEuNDcyNSAxMS4zNDhDMTIuNjY1IDEwLjI4MDcgMTMuNDE2OCA4LjcyNzg0IDEzLjQxNjggNy4wMDAxNUMxMy40MTY4IDUuMjcyNDUgMTIuNjY1IDMuNzE5NTkgMTEuNDcyNSAyLjY1MjNaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4K)
}

.icon-blue-playing--fSpyhZnqMN4Rh7ie {
   animation: icons-blue--fciIp4xSmgQ5_Mzn 1.5s infinite
}

.icon-black-closed--BENLNYpiOnIcFqLT {
   background-color: #000;
   -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTUgMTYuOTk5OUwxMS42MjE4IDIxLjc4MjNDMTIuNjEzOCAyMi40OTg4IDE0IDIxLjc5IDE0IDIwLjU2NjNWMy40MzM1N0MxNCAyLjIwOTkyIDEyLjYxMzggMS41MDExMSAxMS42MjE4IDIuMjE3NTVMNSA2Ljk5OTk0VjE2Ljk5OTlaTTcgOC4wMjI1NkwxMiA0LjQxMTQ1VjE5LjU4ODRMNyAxNS45NzczVjguMDIyNTZaIgogICAgZmlsbD0icmdiYSg2LCA3LCA5LCAwLjUpIiAvPgogIDxwYXRoIGQ9Ik0xIDhDMSA3LjQ0NzcyIDEuNDQ3NzIgNyAyIDdIM1YxN0gyQzEuNDQ3NzIgMTcgMSAxNi41NTIzIDEgMTZWOFoiIGZpbGw9InJnYmEoNiwgNywgOSwgMC41KSIgLz4KICA8cGF0aAogICAgZD0iTTE2LjIwNyAxNS40MjQ3QzE1LjgxNjQgMTUuMDM0MiAxNS44MTY0IDE0LjQwMSAxNi4yMDcgMTQuMDEwNUwxOC4xOTQ0IDEyLjAyMzFMMTYuMjkyNyAxMC4xMjE0QzE1LjkwMjIgOS43MzA4OSAxNS45MDIyIDkuMDk3NzMgMTYuMjkyNyA4LjcwNzJDMTYuNjgzMyA4LjMxNjY4IDE3LjMxNjQgOC4zMTY2OCAxNy43MDcgOC43MDcyTDE5LjYwODYgMTAuNjA4OUwyMS41MTAzIDguNzA3MkMyMS45MDA4IDguMzE2NjggMjIuNTMzOSA4LjMxNjY4IDIyLjkyNDUgOC43MDcyQzIzLjMxNSA5LjA5NzcyIDIzLjMxNSA5LjczMDg5IDIyLjkyNDUgMTAuMTIxNEwyMS4wMjI4IDEyLjAyMzFMMjMuMDEwMyAxNC4wMTA1QzIzLjQwMDggMTQuNDAxIDIzLjQwMDggMTUuMDM0MiAyMy4wMTAzIDE1LjQyNDdDMjIuNjE5NyAxNS44MTUyIDIxLjk4NjYgMTUuODE1MiAyMS41OTYgMTUuNDI0N0wxOS42MDg2IDEzLjQzNzNMMTcuNjIxMiAxNS40MjQ3QzE3LjIzMDYgMTUuODE1MiAxNi41OTc1IDE1LjgxNTIgMTYuMjA3IDE1LjQyNDdaIgogICAgZmlsbD0icmdiYSg2LCA3LCA5LCAwLjUpIiAvPgo8L3N2Zz4K);
   mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTUgMTYuOTk5OUwxMS42MjE4IDIxLjc4MjNDMTIuNjEzOCAyMi40OTg4IDE0IDIxLjc5IDE0IDIwLjU2NjNWMy40MzM1N0MxNCAyLjIwOTkyIDEyLjYxMzggMS41MDExMSAxMS42MjE4IDIuMjE3NTVMNSA2Ljk5OTk0VjE2Ljk5OTlaTTcgOC4wMjI1NkwxMiA0LjQxMTQ1VjE5LjU4ODRMNyAxNS45NzczVjguMDIyNTZaIgogICAgZmlsbD0icmdiYSg2LCA3LCA5LCAwLjUpIiAvPgogIDxwYXRoIGQ9Ik0xIDhDMSA3LjQ0NzcyIDEuNDQ3NzIgNyAyIDdIM1YxN0gyQzEuNDQ3NzIgMTcgMSAxNi41NTIzIDEgMTZWOFoiIGZpbGw9InJnYmEoNiwgNywgOSwgMC41KSIgLz4KICA8cGF0aAogICAgZD0iTTE2LjIwNyAxNS40MjQ3QzE1LjgxNjQgMTUuMDM0MiAxNS44MTY0IDE0LjQwMSAxNi4yMDcgMTQuMDEwNUwxOC4xOTQ0IDEyLjAyMzFMMTYuMjkyNyAxMC4xMjE0QzE1LjkwMjIgOS43MzA4OSAxNS45MDIyIDkuMDk3NzMgMTYuMjkyNyA4LjcwNzJDMTYuNjgzMyA4LjMxNjY4IDE3LjMxNjQgOC4zMTY2OCAxNy43MDcgOC43MDcyTDE5LjYwODYgMTAuNjA4OUwyMS41MTAzIDguNzA3MkMyMS45MDA4IDguMzE2NjggMjIuNTMzOSA4LjMxNjY4IDIyLjkyNDUgOC43MDcyQzIzLjMxNSA5LjA5NzcyIDIzLjMxNSA5LjczMDg5IDIyLjkyNDUgMTAuMTIxNEwyMS4wMjI4IDEyLjAyMzFMMjMuMDEwMyAxNC4wMTA1QzIzLjQwMDggMTQuNDAxIDIzLjQwMDggMTUuMDM0MiAyMy4wMTAzIDE1LjQyNDdDMjIuNjE5NyAxNS44MTUyIDIxLjk4NjYgMTUuODE1MiAyMS41OTYgMTUuNDI0N0wxOS42MDg2IDEzLjQzNzNMMTcuNjIxMiAxNS40MjQ3QzE3LjIzMDYgMTUuODE1MiAxNi41OTc1IDE1LjgxNTIgMTYuMjA3IDE1LjQyNDdaIgogICAgZmlsbD0icmdiYSg2LCA3LCA5LCAwLjUpIiAvPgo8L3N2Zz4K);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100%;
   mask-size: 100%
}

.icon-grey-closed--y2JzXxqUAjMjpNyb {
   background-color: #7a7b7c;
   -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTUgMTYuOTk5OUwxMS42MjE4IDIxLjc4MjNDMTIuNjEzOCAyMi40OTg4IDE0IDIxLjc5IDE0IDIwLjU2NjNWMy40MzM1N0MxNCAyLjIwOTkyIDEyLjYxMzggMS41MDExMSAxMS42MjE4IDIuMjE3NTVMNSA2Ljk5OTk0VjE2Ljk5OTlaTTcgOC4wMjI1NkwxMiA0LjQxMTQ1VjE5LjU4ODRMNyAxNS45NzczVjguMDIyNTZaIgogICAgZmlsbD0icmdiYSg2LCA3LCA5LCAwLjUpIiAvPgogIDxwYXRoIGQ9Ik0xIDhDMSA3LjQ0NzcyIDEuNDQ3NzIgNyAyIDdIM1YxN0gyQzEuNDQ3NzIgMTcgMSAxNi41NTIzIDEgMTZWOFoiIGZpbGw9InJnYmEoNiwgNywgOSwgMC41KSIgLz4KICA8cGF0aAogICAgZD0iTTE2LjIwNyAxNS40MjQ3QzE1LjgxNjQgMTUuMDM0MiAxNS44MTY0IDE0LjQwMSAxNi4yMDcgMTQuMDEwNUwxOC4xOTQ0IDEyLjAyMzFMMTYuMjkyNyAxMC4xMjE0QzE1LjkwMjIgOS43MzA4OSAxNS45MDIyIDkuMDk3NzMgMTYuMjkyNyA4LjcwNzJDMTYuNjgzMyA4LjMxNjY4IDE3LjMxNjQgOC4zMTY2OCAxNy43MDcgOC43MDcyTDE5LjYwODYgMTAuNjA4OUwyMS41MTAzIDguNzA3MkMyMS45MDA4IDguMzE2NjggMjIuNTMzOSA4LjMxNjY4IDIyLjkyNDUgOC43MDcyQzIzLjMxNSA5LjA5NzcyIDIzLjMxNSA5LjczMDg5IDIyLjkyNDUgMTAuMTIxNEwyMS4wMjI4IDEyLjAyMzFMMjMuMDEwMyAxNC4wMTA1QzIzLjQwMDggMTQuNDAxIDIzLjQwMDggMTUuMDM0MiAyMy4wMTAzIDE1LjQyNDdDMjIuNjE5NyAxNS44MTUyIDIxLjk4NjYgMTUuODE1MiAyMS41OTYgMTUuNDI0N0wxOS42MDg2IDEzLjQzNzNMMTcuNjIxMiAxNS40MjQ3QzE3LjIzMDYgMTUuODE1MiAxNi41OTc1IDE1LjgxNTIgMTYuMjA3IDE1LjQyNDdaIgogICAgZmlsbD0icmdiYSg2LCA3LCA5LCAwLjUpIiAvPgo8L3N2Zz4K);
   mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTUgMTYuOTk5OUwxMS42MjE4IDIxLjc4MjNDMTIuNjEzOCAyMi40OTg4IDE0IDIxLjc5IDE0IDIwLjU2NjNWMy40MzM1N0MxNCAyLjIwOTkyIDEyLjYxMzggMS41MDExMSAxMS42MjE4IDIuMjE3NTVMNSA2Ljk5OTk0VjE2Ljk5OTlaTTcgOC4wMjI1NkwxMiA0LjQxMTQ1VjE5LjU4ODRMNyAxNS45NzczVjguMDIyNTZaIgogICAgZmlsbD0icmdiYSg2LCA3LCA5LCAwLjUpIiAvPgogIDxwYXRoIGQ9Ik0xIDhDMSA3LjQ0NzcyIDEuNDQ3NzIgNyAyIDdIM1YxN0gyQzEuNDQ3NzIgMTcgMSAxNi41NTIzIDEgMTZWOFoiIGZpbGw9InJnYmEoNiwgNywgOSwgMC41KSIgLz4KICA8cGF0aAogICAgZD0iTTE2LjIwNyAxNS40MjQ3QzE1LjgxNjQgMTUuMDM0MiAxNS44MTY0IDE0LjQwMSAxNi4yMDcgMTQuMDEwNUwxOC4xOTQ0IDEyLjAyMzFMMTYuMjkyNyAxMC4xMjE0QzE1LjkwMjIgOS43MzA4OSAxNS45MDIyIDkuMDk3NzMgMTYuMjkyNyA4LjcwNzJDMTYuNjgzMyA4LjMxNjY4IDE3LjMxNjQgOC4zMTY2OCAxNy43MDcgOC43MDcyTDE5LjYwODYgMTAuNjA4OUwyMS41MTAzIDguNzA3MkMyMS45MDA4IDguMzE2NjggMjIuNTMzOSA4LjMxNjY4IDIyLjkyNDUgOC43MDcyQzIzLjMxNSA5LjA5NzcyIDIzLjMxNSA5LjczMDg5IDIyLjkyNDUgMTAuMTIxNEwyMS4wMjI4IDEyLjAyMzFMMjMuMDEwMyAxNC4wMTA1QzIzLjQwMDggMTQuNDAxIDIzLjQwMDggMTUuMDM0MiAyMy4wMTAzIDE1LjQyNDdDMjIuNjE5NyAxNS44MTUyIDIxLjk4NjYgMTUuODE1MiAyMS41OTYgMTUuNDI0N0wxOS42MDg2IDEzLjQzNzNMMTcuNjIxMiAxNS40MjQ3QzE3LjIzMDYgMTUuODE1MiAxNi41OTc1IDE1LjgxNTIgMTYuMjA3IDE1LjQyNDdaIgogICAgZmlsbD0icmdiYSg2LCA3LCA5LCAwLjUpIiAvPgo8L3N2Zz4K)
}

@keyframes icons-black--VKfoaPiftF0L_upL {
   0% {
      -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzQwMDYgMS40NTA5N0wzLjUwMDE2IDQuMDgzMzlWOS45MTY3Mkw2Ljc0MDA2IDEyLjU0OTFDNy4zMTE4OSAxMy4wMTM3IDguMTY2ODMgMTIuNjA2OCA4LjE2NjgzIDExLjg3VjIuMTMwMDdDOC4xNjY4MyAxLjM5MzI5IDcuMzExODkgMC45ODYzNjQgNi43NDAwNiAxLjQ1MDk3WiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xLjE2NjgzIDQuMDgzMzlDMC44NDQ2NjMgNC4wODMzOSAwLjU4MzQ5NiA0LjM0NDU2IDAuNTgzNDk2IDQuNjY2NzJWOS4zMzMzOUMwLjU4MzQ5NiA5LjY1NTU2IDAuODQ0NjYzIDkuOTE2NzIgMS4xNjY4MyA5LjkxNjcySDIuMzMzNVY0LjA4MzM5SDEuMTY2ODNaIgogICAgZmlsbD0iIzFEMUMyMyIgLz4KPC9zdmc+Cg==);
      mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzQwMDYgMS40NTA5N0wzLjUwMDE2IDQuMDgzMzlWOS45MTY3Mkw2Ljc0MDA2IDEyLjU0OTFDNy4zMTE4OSAxMy4wMTM3IDguMTY2ODMgMTIuNjA2OCA4LjE2NjgzIDExLjg3VjIuMTMwMDdDOC4xNjY4MyAxLjM5MzI5IDcuMzExODkgMC45ODYzNjQgNi43NDAwNiAxLjQ1MDk3WiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xLjE2NjgzIDQuMDgzMzlDMC44NDQ2NjMgNC4wODMzOSAwLjU4MzQ5NiA0LjM0NDU2IDAuNTgzNDk2IDQuNjY2NzJWOS4zMzMzOUMwLjU4MzQ5NiA5LjY1NTU2IDAuODQ0NjYzIDkuOTE2NzIgMS4xNjY4MyA5LjkxNjcySDIuMzMzNVY0LjA4MzM5SDEuMTY2ODNaIgogICAgZmlsbD0iIzFEMUMyMyIgLz4KPC9zdmc+Cg==);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100%;
      mask-size: 100%
   }

   33% {
      -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzQwMDYgMS40NTA5N0wzLjUwMDE2IDQuMDgzMzlWOS45MTY3Mkw2Ljc0MDA2IDEyLjU0OTFDNy4zMTE4OSAxMy4wMTM3IDguMTY2ODMgMTIuNjA2OCA4LjE2NjgzIDExLjg3VjIuMTMwMDdDOC4xNjY4MyAxLjM5MzI5IDcuMzExODkgMC45ODYzNjQgNi43NDAwNiAxLjQ1MDk3WiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xLjE2NjgzIDQuMDgzMzlDMC44NDQ2NjMgNC4wODMzOSAwLjU4MzQ5NiA0LjM0NDU2IDAuNTgzNDk2IDQuNjY2NzJWOS4zMzMzOUMwLjU4MzQ5NiA5LjY1NTU2IDAuODQ0NjYzIDkuOTE2NzIgMS4xNjY4MyA5LjkxNjcySDIuMzMzNVY0LjA4MzM5SDEuMTY2ODNaIgogICAgZmlsbD0iIzFEMUMyMyIgLz4KICA8cGF0aAogICAgZD0iTTkuNTQ5OTEgNC43OTY2MUM5LjgwMDM1IDQuNTkzOTUgMTAuMTY3NyA0LjYzMjY5IDEwLjM3MDMgNC44ODMxM0MxMC44NDQyIDUuNDY4NzIgMTEuMTQ4MyA2LjE0OTE2IDExLjE0ODMgNy4wMDAwOEMxMS4xNDgzIDcuODUxIDEwLjg0NDIgOC41MzE0NCAxMC4zNzAzIDkuMTE3MDJDMTAuMTY3NyA5LjM2NzQ2IDkuODAwMzUgOS40MDYyIDkuNTQ5OTEgOS4yMDM1NEM5LjI5OTQ2IDkuMDAwODggOS4yNjA3MyA4LjYzMzU3IDkuNDYzMzggOC4zODMxM0M5LjgwMDI0IDcuOTY2ODUgOS45ODE2NiA3LjUzODM0IDkuOTgxNjYgNy4wMDAwOEM5Ljk4MTY2IDYuNDYxODIgOS44MDAyNCA2LjAzMzMgOS40NjMzOCA1LjYxNzAyQzkuMjYwNzMgNS4zNjY1OCA5LjI5OTQ2IDQuOTk5MjcgOS41NDk5MSA0Ljc5NjYxWiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+Cjwvc3ZnPgo=);
      mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzQwMDYgMS40NTA5N0wzLjUwMDE2IDQuMDgzMzlWOS45MTY3Mkw2Ljc0MDA2IDEyLjU0OTFDNy4zMTE4OSAxMy4wMTM3IDguMTY2ODMgMTIuNjA2OCA4LjE2NjgzIDExLjg3VjIuMTMwMDdDOC4xNjY4MyAxLjM5MzI5IDcuMzExODkgMC45ODYzNjQgNi43NDAwNiAxLjQ1MDk3WiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xLjE2NjgzIDQuMDgzMzlDMC44NDQ2NjMgNC4wODMzOSAwLjU4MzQ5NiA0LjM0NDU2IDAuNTgzNDk2IDQuNjY2NzJWOS4zMzMzOUMwLjU4MzQ5NiA5LjY1NTU2IDAuODQ0NjYzIDkuOTE2NzIgMS4xNjY4MyA5LjkxNjcySDIuMzMzNVY0LjA4MzM5SDEuMTY2ODNaIgogICAgZmlsbD0iIzFEMUMyMyIgLz4KICA8cGF0aAogICAgZD0iTTkuNTQ5OTEgNC43OTY2MUM5LjgwMDM1IDQuNTkzOTUgMTAuMTY3NyA0LjYzMjY5IDEwLjM3MDMgNC44ODMxM0MxMC44NDQyIDUuNDY4NzIgMTEuMTQ4MyA2LjE0OTE2IDExLjE0ODMgNy4wMDAwOEMxMS4xNDgzIDcuODUxIDEwLjg0NDIgOC41MzE0NCAxMC4zNzAzIDkuMTE3MDJDMTAuMTY3NyA5LjM2NzQ2IDkuODAwMzUgOS40MDYyIDkuNTQ5OTEgOS4yMDM1NEM5LjI5OTQ2IDkuMDAwODggOS4yNjA3MyA4LjYzMzU3IDkuNDYzMzggOC4zODMxM0M5LjgwMDI0IDcuOTY2ODUgOS45ODE2NiA3LjUzODM0IDkuOTgxNjYgNy4wMDAwOEM5Ljk4MTY2IDYuNDYxODIgOS44MDAyNCA2LjAzMzMgOS40NjMzOCA1LjYxNzAyQzkuMjYwNzMgNS4zNjY1OCA5LjI5OTQ2IDQuOTk5MjcgOS41NDk5MSA0Ljc5NjYxWiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+Cjwvc3ZnPgo=);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100%;
      mask-size: 100%
   }

   66% {
      -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzQwMDYgMS40NTA5N0wzLjUwMDE2IDQuMDgzMzlWOS45MTY3Mkw2Ljc0MDA2IDEyLjU0OTFDNy4zMTE4OSAxMy4wMTM3IDguMTY2ODMgMTIuNjA2OCA4LjE2NjgzIDExLjg3VjIuMTMwMDdDOC4xNjY4MyAxLjM5MzI5IDcuMzExODkgMC45ODYzNjQgNi43NDAwNiAxLjQ1MDk3WiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xLjE2NjgzIDQuMDgzMzlDMC44NDQ2NjMgNC4wODMzOSAwLjU4MzQ5NiA0LjM0NDU2IDAuNTgzNDk2IDQuNjY2NzJWOS4zMzMzOUMwLjU4MzQ5NiA5LjY1NTU2IDAuODQ0NjYzIDkuOTE2NzIgMS4xNjY4MyA5LjkxNjcySDIuMzMzNVY0LjA4MzM5SDEuMTY2ODNaIgogICAgZmlsbD0iIzFEMUMyMyIgLz4KICA8cGF0aAogICAgZD0iTTkuNTQ5OTEgNC43OTY2MUM5LjgwMDM1IDQuNTkzOTUgMTAuMTY3NyA0LjYzMjY5IDEwLjM3MDMgNC44ODMxM0MxMC44NDQyIDUuNDY4NzIgMTEuMTQ4MyA2LjE0OTE2IDExLjE0ODMgNy4wMDAwOEMxMS4xNDgzIDcuODUxIDEwLjg0NDIgOC41MzE0NCAxMC4zNzAzIDkuMTE3MDJDMTAuMTY3NyA5LjM2NzQ2IDkuODAwMzUgOS40MDYyIDkuNTQ5OTEgOS4yMDM1NEM5LjI5OTQ2IDkuMDAwODggOS4yNjA3MyA4LjYzMzU3IDkuNDYzMzggOC4zODMxM0M5LjgwMDI0IDcuOTY2ODUgOS45ODE2NiA3LjUzODM0IDkuOTgxNjYgNy4wMDAwOEM5Ljk4MTY2IDYuNDYxODIgOS44MDAyNCA2LjAzMzMgOS40NjMzOCA1LjYxNzAyQzkuMjYwNzMgNS4zNjY1OCA5LjI5OTQ2IDQuOTk5MjcgOS41NDk5MSA0Ljc5NjYxWiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xMS40NzI1IDIuNjUyMjVDMTEuMjMyNSAyLjQzNzQgMTAuODYzNyAyLjQ1NzgzIDEwLjY0ODggMi42OTc4OEMxMC40MzQgMi45Mzc5NCAxMC40NTQ0IDMuMzA2NzIgMTAuNjk0NSAzLjUyMTU4QzExLjY1MDEgNC4zNzY5MSAxMi4yNTAyIDUuNjE4MDUgMTIuMjUwMiA3LjAwMDFDMTIuMjUwMiA4LjM4MjE2IDExLjY1MDEgOS42MjMyOSAxMC42OTQ1IDEwLjQ3ODZDMTAuNDU0NCAxMC42OTM1IDEwLjQzNCAxMS4wNjIzIDEwLjY0ODggMTEuMzAyM0MxMC44NjM3IDExLjU0MjQgMTEuMjMyNSAxMS41NjI4IDExLjQ3MjUgMTEuMzQ3OUMxMi42NjUgMTAuMjgwNyAxMy40MTY4IDguNzI3OCAxMy40MTY4IDcuMDAwMUMxMy40MTY4IDUuMjcyNDEgMTIuNjY1IDMuNzE5NTQgMTEuNDcyNSAyLjY1MjI1WiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+Cjwvc3ZnPgo=);
      mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzQwMDYgMS40NTA5N0wzLjUwMDE2IDQuMDgzMzlWOS45MTY3Mkw2Ljc0MDA2IDEyLjU0OTFDNy4zMTE4OSAxMy4wMTM3IDguMTY2ODMgMTIuNjA2OCA4LjE2NjgzIDExLjg3VjIuMTMwMDdDOC4xNjY4MyAxLjM5MzI5IDcuMzExODkgMC45ODYzNjQgNi43NDAwNiAxLjQ1MDk3WiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xLjE2NjgzIDQuMDgzMzlDMC44NDQ2NjMgNC4wODMzOSAwLjU4MzQ5NiA0LjM0NDU2IDAuNTgzNDk2IDQuNjY2NzJWOS4zMzMzOUMwLjU4MzQ5NiA5LjY1NTU2IDAuODQ0NjYzIDkuOTE2NzIgMS4xNjY4MyA5LjkxNjcySDIuMzMzNVY0LjA4MzM5SDEuMTY2ODNaIgogICAgZmlsbD0iIzFEMUMyMyIgLz4KICA8cGF0aAogICAgZD0iTTkuNTQ5OTEgNC43OTY2MUM5LjgwMDM1IDQuNTkzOTUgMTAuMTY3NyA0LjYzMjY5IDEwLjM3MDMgNC44ODMxM0MxMC44NDQyIDUuNDY4NzIgMTEuMTQ4MyA2LjE0OTE2IDExLjE0ODMgNy4wMDAwOEMxMS4xNDgzIDcuODUxIDEwLjg0NDIgOC41MzE0NCAxMC4zNzAzIDkuMTE3MDJDMTAuMTY3NyA5LjM2NzQ2IDkuODAwMzUgOS40MDYyIDkuNTQ5OTEgOS4yMDM1NEM5LjI5OTQ2IDkuMDAwODggOS4yNjA3MyA4LjYzMzU3IDkuNDYzMzggOC4zODMxM0M5LjgwMDI0IDcuOTY2ODUgOS45ODE2NiA3LjUzODM0IDkuOTgxNjYgNy4wMDAwOEM5Ljk4MTY2IDYuNDYxODIgOS44MDAyNCA2LjAzMzMgOS40NjMzOCA1LjYxNzAyQzkuMjYwNzMgNS4zNjY1OCA5LjI5OTQ2IDQuOTk5MjcgOS41NDk5MSA0Ljc5NjYxWiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xMS40NzI1IDIuNjUyMjVDMTEuMjMyNSAyLjQzNzQgMTAuODYzNyAyLjQ1NzgzIDEwLjY0ODggMi42OTc4OEMxMC40MzQgMi45Mzc5NCAxMC40NTQ0IDMuMzA2NzIgMTAuNjk0NSAzLjUyMTU4QzExLjY1MDEgNC4zNzY5MSAxMi4yNTAyIDUuNjE4MDUgMTIuMjUwMiA3LjAwMDFDMTIuMjUwMiA4LjM4MjE2IDExLjY1MDEgOS42MjMyOSAxMC42OTQ1IDEwLjQ3ODZDMTAuNDU0NCAxMC42OTM1IDEwLjQzNCAxMS4wNjIzIDEwLjY0ODggMTEuMzAyM0MxMC44NjM3IDExLjU0MjQgMTEuMjMyNSAxMS41NjI4IDExLjQ3MjUgMTEuMzQ3OUMxMi42NjUgMTAuMjgwNyAxMy40MTY4IDguNzI3OCAxMy40MTY4IDcuMDAwMUMxMy40MTY4IDUuMjcyNDEgMTIuNjY1IDMuNzE5NTQgMTEuNDcyNSAyLjY1MjI1WiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+Cjwvc3ZnPgo=);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100%;
      mask-size: 100%
   }

   to {
      -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzQwMDYgMS40NTA5N0wzLjUwMDE2IDQuMDgzMzlWOS45MTY3Mkw2Ljc0MDA2IDEyLjU0OTFDNy4zMTE4OSAxMy4wMTM3IDguMTY2ODMgMTIuNjA2OCA4LjE2NjgzIDExLjg3VjIuMTMwMDdDOC4xNjY4MyAxLjM5MzI5IDcuMzExODkgMC45ODYzNjQgNi43NDAwNiAxLjQ1MDk3WiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xLjE2NjgzIDQuMDgzMzlDMC44NDQ2NjMgNC4wODMzOSAwLjU4MzQ5NiA0LjM0NDU2IDAuNTgzNDk2IDQuNjY2NzJWOS4zMzMzOUMwLjU4MzQ5NiA5LjY1NTU2IDAuODQ0NjYzIDkuOTE2NzIgMS4xNjY4MyA5LjkxNjcySDIuMzMzNVY0LjA4MzM5SDEuMTY2ODNaIgogICAgZmlsbD0iIzFEMUMyMyIgLz4KPC9zdmc+Cg==);
      mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzQwMDYgMS40NTA5N0wzLjUwMDE2IDQuMDgzMzlWOS45MTY3Mkw2Ljc0MDA2IDEyLjU0OTFDNy4zMTE4OSAxMy4wMTM3IDguMTY2ODMgMTIuNjA2OCA4LjE2NjgzIDExLjg3VjIuMTMwMDdDOC4xNjY4MyAxLjM5MzI5IDcuMzExODkgMC45ODYzNjQgNi43NDAwNiAxLjQ1MDk3WiIKICAgIGZpbGw9IiMxRDFDMjMiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xLjE2NjgzIDQuMDgzMzlDMC44NDQ2NjMgNC4wODMzOSAwLjU4MzQ5NiA0LjM0NDU2IDAuNTgzNDk2IDQuNjY2NzJWOS4zMzMzOUMwLjU4MzQ5NiA5LjY1NTU2IDAuODQ0NjYzIDkuOTE2NzIgMS4xNjY4MyA5LjkxNjcySDIuMzMzNVY0LjA4MzM5SDEuMTY2ODNaIgogICAgZmlsbD0iIzFEMUMyMyIgLz4KPC9zdmc+Cg==);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100%;
      mask-size: 100%
   }
}

@keyframes icons-blue--fciIp4xSmgQ5_Mzn {
   0% {
      -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzM5ODIgMS40NTA5N0wzLjQ5OTkyIDQuMDgzMzlWOS45MTY3Mkw2LjczOTgyIDEyLjU0OTFDNy4zMTE2NCAxMy4wMTM3IDguMTY2NTggMTIuNjA2OCA4LjE2NjU4IDExLjg3VjIuMTMwMDdDOC4xNjY1OCAxLjM5MzI5IDcuMzExNjQgMC45ODYzNjQgNi43Mzk4MiAxLjQ1MDk3WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTEuMTY2NTkgNC4wODMzOUMwLjg0NDQxOSA0LjA4MzM5IDAuNTgzMjUyIDQuMzQ0NTYgMC41ODMyNTIgNC42NjY3MlY5LjMzMzM5QzAuNTgzMjUyIDkuNjU1NTYgMC44NDQ0MTkgOS45MTY3MiAxLjE2NjU5IDkuOTE2NzJIMi4zMzMyNVY0LjA4MzM5SDEuMTY2NTlaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4K);
      mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzM5ODIgMS40NTA5N0wzLjQ5OTkyIDQuMDgzMzlWOS45MTY3Mkw2LjczOTgyIDEyLjU0OTFDNy4zMTE2NCAxMy4wMTM3IDguMTY2NTggMTIuNjA2OCA4LjE2NjU4IDExLjg3VjIuMTMwMDdDOC4xNjY1OCAxLjM5MzI5IDcuMzExNjQgMC45ODYzNjQgNi43Mzk4MiAxLjQ1MDk3WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTEuMTY2NTkgNC4wODMzOUMwLjg0NDQxOSA0LjA4MzM5IDAuNTgzMjUyIDQuMzQ0NTYgMC41ODMyNTIgNC42NjY3MlY5LjMzMzM5QzAuNTgzMjUyIDkuNjU1NTYgMC44NDQ0MTkgOS45MTY3MiAxLjE2NjU5IDkuOTE2NzJIMi4zMzMyNVY0LjA4MzM5SDEuMTY2NTlaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4K);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100%;
      mask-size: 100%
   }

   33% {
      -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzM5ODIgMS40NTA5N0wzLjQ5OTkyIDQuMDgzMzlWOS45MTY3Mkw2LjczOTgyIDEyLjU0OTFDNy4zMTE2NCAxMy4wMTM3IDguMTY2NTggMTIuNjA2OCA4LjE2NjU4IDExLjg3VjIuMTMwMDdDOC4xNjY1OCAxLjM5MzI5IDcuMzExNjQgMC45ODYzNjQgNi43Mzk4MiAxLjQ1MDk3WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTEuMTY2NTkgNC4wODMzOUMwLjg0NDQxOSA0LjA4MzM5IDAuNTgzMjUyIDQuMzQ0NTYgMC41ODMyNTIgNC42NjY3MlY5LjMzMzM5QzAuNTgzMjUyIDkuNjU1NTYgMC44NDQ0MTkgOS45MTY3MiAxLjE2NjU5IDkuOTE2NzJIMi4zMzMyNVY0LjA4MzM5SDEuMTY2NTlaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgogIDxwYXRoCiAgICBkPSJNOS41NDk2NiA0Ljc5NjYxQzkuODAwMSA0LjU5Mzk1IDEwLjE2NzQgNC42MzI2OSAxMC4zNzAxIDQuODgzMTNDMTAuODQzOSA1LjQ2ODcyIDExLjE0ODEgNi4xNDkxNiAxMS4xNDgxIDcuMDAwMDhDMTEuMTQ4MSA3Ljg1MSAxMC44NDM5IDguNTMxNDQgMTAuMzcwMSA5LjExNzAyQzEwLjE2NzQgOS4zNjc0NiA5LjgwMDEgOS40MDYyIDkuNTQ5NjYgOS4yMDM1NEM5LjI5OTIyIDkuMDAwODggOS4yNjA0OCA4LjYzMzU3IDkuNDYzMTQgOC4zODMxM0M5Ljc5OTk5IDcuOTY2ODUgOS45ODE0MiA3LjUzODM0IDkuOTgxNDIgNy4wMDAwOEM5Ljk4MTQyIDYuNDYxODIgOS43OTk5OSA2LjAzMzMgOS40NjMxNCA1LjYxNzAyQzkuMjYwNDggNS4zNjY1OCA5LjI5OTIyIDQuOTk5MjcgOS41NDk2NiA0Ljc5NjYxWiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KPC9zdmc+Cg==);
      mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzM5ODIgMS40NTA5N0wzLjQ5OTkyIDQuMDgzMzlWOS45MTY3Mkw2LjczOTgyIDEyLjU0OTFDNy4zMTE2NCAxMy4wMTM3IDguMTY2NTggMTIuNjA2OCA4LjE2NjU4IDExLjg3VjIuMTMwMDdDOC4xNjY1OCAxLjM5MzI5IDcuMzExNjQgMC45ODYzNjQgNi43Mzk4MiAxLjQ1MDk3WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTEuMTY2NTkgNC4wODMzOUMwLjg0NDQxOSA0LjA4MzM5IDAuNTgzMjUyIDQuMzQ0NTYgMC41ODMyNTIgNC42NjY3MlY5LjMzMzM5QzAuNTgzMjUyIDkuNjU1NTYgMC44NDQ0MTkgOS45MTY3MiAxLjE2NjU5IDkuOTE2NzJIMi4zMzMyNVY0LjA4MzM5SDEuMTY2NTlaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgogIDxwYXRoCiAgICBkPSJNOS41NDk2NiA0Ljc5NjYxQzkuODAwMSA0LjU5Mzk1IDEwLjE2NzQgNC42MzI2OSAxMC4zNzAxIDQuODgzMTNDMTAuODQzOSA1LjQ2ODcyIDExLjE0ODEgNi4xNDkxNiAxMS4xNDgxIDcuMDAwMDhDMTEuMTQ4MSA3Ljg1MSAxMC44NDM5IDguNTMxNDQgMTAuMzcwMSA5LjExNzAyQzEwLjE2NzQgOS4zNjc0NiA5LjgwMDEgOS40MDYyIDkuNTQ5NjYgOS4yMDM1NEM5LjI5OTIyIDkuMDAwODggOS4yNjA0OCA4LjYzMzU3IDkuNDYzMTQgOC4zODMxM0M5Ljc5OTk5IDcuOTY2ODUgOS45ODE0MiA3LjUzODM0IDkuOTgxNDIgNy4wMDAwOEM5Ljk4MTQyIDYuNDYxODIgOS43OTk5OSA2LjAzMzMgOS40NjMxNCA1LjYxNzAyQzkuMjYwNDggNS4zNjY1OCA5LjI5OTIyIDQuOTk5MjcgOS41NDk2NiA0Ljc5NjYxWiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KPC9zdmc+Cg==);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100%;
      mask-size: 100%
   }

   66% {
      -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzM5ODIgMS40NTA5N0wzLjQ5OTkyIDQuMDgzMzlWOS45MTY3Mkw2LjczOTgyIDEyLjU0OTFDNy4zMTE2NCAxMy4wMTM3IDguMTY2NTggMTIuNjA2OCA4LjE2NjU4IDExLjg3VjIuMTMwMDdDOC4xNjY1OCAxLjM5MzI5IDcuMzExNjQgMC45ODYzNjQgNi43Mzk4MiAxLjQ1MDk3WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTEuMTY2NTkgNC4wODMzOUMwLjg0NDQxOSA0LjA4MzM5IDAuNTgzMjUyIDQuMzQ0NTYgMC41ODMyNTIgNC42NjY3MlY5LjMzMzM5QzAuNTgzMjUyIDkuNjU1NTYgMC44NDQ0MTkgOS45MTY3MiAxLjE2NjU5IDkuOTE2NzJIMi4zMzMyNVY0LjA4MzM5SDEuMTY2NTlaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgogIDxwYXRoCiAgICBkPSJNOS41NDk2NiA0Ljc5NjYxQzkuODAwMSA0LjU5Mzk1IDEwLjE2NzQgNC42MzI2OSAxMC4zNzAxIDQuODgzMTNDMTAuODQzOSA1LjQ2ODcyIDExLjE0ODEgNi4xNDkxNiAxMS4xNDgxIDcuMDAwMDhDMTEuMTQ4MSA3Ljg1MSAxMC44NDM5IDguNTMxNDQgMTAuMzcwMSA5LjExNzAyQzEwLjE2NzQgOS4zNjc0NiA5LjgwMDEgOS40MDYyIDkuNTQ5NjYgOS4yMDM1NEM5LjI5OTIyIDkuMDAwODggOS4yNjA0OCA4LjYzMzU3IDkuNDYzMTQgOC4zODMxM0M5Ljc5OTk5IDcuOTY2ODUgOS45ODE0MiA3LjUzODM0IDkuOTgxNDIgNy4wMDAwOEM5Ljk4MTQyIDYuNDYxODIgOS43OTk5OSA2LjAzMzMgOS40NjMxNCA1LjYxNzAyQzkuMjYwNDggNS4zNjY1OCA5LjI5OTIyIDQuOTk5MjcgOS41NDk2NiA0Ljc5NjYxWiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTExLjQ3MjMgMi42NTIyNUMxMS4yMzIyIDIuNDM3NCAxMC44NjM1IDIuNDU3ODMgMTAuNjQ4NiAyLjY5Nzg4QzEwLjQzMzcgMi45Mzc5NCAxMC40NTQyIDMuMzA2NzIgMTAuNjk0MiAzLjUyMTU4QzExLjY0OTkgNC4zNzY5MSAxMi4yNDk5IDUuNjE4MDUgMTIuMjQ5OSA3LjAwMDFDMTIuMjQ5OSA4LjM4MjE2IDExLjY0OTkgOS42MjMyOSAxMC42OTQyIDEwLjQ3ODZDMTAuNDU0MiAxMC42OTM1IDEwLjQzMzcgMTEuMDYyMyAxMC42NDg2IDExLjMwMjNDMTAuODYzNSAxMS41NDI0IDExLjIzMjIgMTEuNTYyOCAxMS40NzIzIDExLjM0OEMxMi42NjQ4IDEwLjI4MDcgMTMuNDE2NiA4LjcyNzggMTMuNDE2NiA3LjAwMDFDMTMuNDE2NiA1LjI3MjQxIDEyLjY2NDggMy43MTk1NCAxMS40NzIzIDIuNjUyMjVaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4K);
      mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzM5ODIgMS40NTA5N0wzLjQ5OTkyIDQuMDgzMzlWOS45MTY3Mkw2LjczOTgyIDEyLjU0OTFDNy4zMTE2NCAxMy4wMTM3IDguMTY2NTggMTIuNjA2OCA4LjE2NjU4IDExLjg3VjIuMTMwMDdDOC4xNjY1OCAxLjM5MzI5IDcuMzExNjQgMC45ODYzNjQgNi43Mzk4MiAxLjQ1MDk3WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTEuMTY2NTkgNC4wODMzOUMwLjg0NDQxOSA0LjA4MzM5IDAuNTgzMjUyIDQuMzQ0NTYgMC41ODMyNTIgNC42NjY3MlY5LjMzMzM5QzAuNTgzMjUyIDkuNjU1NTYgMC44NDQ0MTkgOS45MTY3MiAxLjE2NjU5IDkuOTE2NzJIMi4zMzMyNVY0LjA4MzM5SDEuMTY2NTlaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgogIDxwYXRoCiAgICBkPSJNOS41NDk2NiA0Ljc5NjYxQzkuODAwMSA0LjU5Mzk1IDEwLjE2NzQgNC42MzI2OSAxMC4zNzAxIDQuODgzMTNDMTAuODQzOSA1LjQ2ODcyIDExLjE0ODEgNi4xNDkxNiAxMS4xNDgxIDcuMDAwMDhDMTEuMTQ4MSA3Ljg1MSAxMC44NDM5IDguNTMxNDQgMTAuMzcwMSA5LjExNzAyQzEwLjE2NzQgOS4zNjc0NiA5LjgwMDEgOS40MDYyIDkuNTQ5NjYgOS4yMDM1NEM5LjI5OTIyIDkuMDAwODggOS4yNjA0OCA4LjYzMzU3IDkuNDYzMTQgOC4zODMxM0M5Ljc5OTk5IDcuOTY2ODUgOS45ODE0MiA3LjUzODM0IDkuOTgxNDIgNy4wMDAwOEM5Ljk4MTQyIDYuNDYxODIgOS43OTk5OSA2LjAzMzMgOS40NjMxNCA1LjYxNzAyQzkuMjYwNDggNS4zNjY1OCA5LjI5OTIyIDQuOTk5MjcgOS41NDk2NiA0Ljc5NjYxWiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTExLjQ3MjMgMi42NTIyNUMxMS4yMzIyIDIuNDM3NCAxMC44NjM1IDIuNDU3ODMgMTAuNjQ4NiAyLjY5Nzg4QzEwLjQzMzcgMi45Mzc5NCAxMC40NTQyIDMuMzA2NzIgMTAuNjk0MiAzLjUyMTU4QzExLjY0OTkgNC4zNzY5MSAxMi4yNDk5IDUuNjE4MDUgMTIuMjQ5OSA3LjAwMDFDMTIuMjQ5OSA4LjM4MjE2IDExLjY0OTkgOS42MjMyOSAxMC42OTQyIDEwLjQ3ODZDMTAuNDU0MiAxMC42OTM1IDEwLjQzMzcgMTEuMDYyMyAxMC42NDg2IDExLjMwMjNDMTAuODYzNSAxMS41NDI0IDExLjIzMjIgMTEuNTYyOCAxMS40NzIzIDExLjM0OEMxMi42NjQ4IDEwLjI4MDcgMTMuNDE2NiA4LjcyNzggMTMuNDE2NiA3LjAwMDFDMTMuNDE2NiA1LjI3MjQxIDEyLjY2NDggMy43MTk1NCAxMS40NzIzIDIuNjUyMjVaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4K);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100%;
      mask-size: 100%
   }

   to {
      -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzM5ODIgMS40NTA5N0wzLjQ5OTkyIDQuMDgzMzlWOS45MTY3Mkw2LjczOTgyIDEyLjU0OTFDNy4zMTE2NCAxMy4wMTM3IDguMTY2NTggMTIuNjA2OCA4LjE2NjU4IDExLjg3VjIuMTMwMDdDOC4xNjY1OCAxLjM5MzI5IDcuMzExNjQgMC45ODYzNjQgNi43Mzk4MiAxLjQ1MDk3WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTEuMTY2NTkgNC4wODMzOUMwLjg0NDQxOSA0LjA4MzM5IDAuNTgzMjUyIDQuMzQ0NTYgMC41ODMyNTIgNC42NjY3MlY5LjMzMzM5QzAuNTgzMjUyIDkuNjU1NTYgMC44NDQ0MTkgOS45MTY3MiAxLjE2NjU5IDkuOTE2NzJIMi4zMzMyNVY0LjA4MzM5SDEuMTY2NTlaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4K);
      mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aAogICAgZD0iTTYuNzM5ODIgMS40NTA5N0wzLjQ5OTkyIDQuMDgzMzlWOS45MTY3Mkw2LjczOTgyIDEyLjU0OTFDNy4zMTE2NCAxMy4wMTM3IDguMTY2NTggMTIuNjA2OCA4LjE2NjU4IDExLjg3VjIuMTMwMDdDOC4xNjY1OCAxLjM5MzI5IDcuMzExNjQgMC45ODYzNjQgNi43Mzk4MiAxLjQ1MDk3WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgLz4KICA8cGF0aAogICAgZD0iTTEuMTY2NTkgNC4wODMzOUMwLjg0NDQxOSA0LjA4MzM5IDAuNTgzMjUyIDQuMzQ0NTYgMC41ODMyNTIgNC42NjY3MlY5LjMzMzM5QzAuNTgzMjUyIDkuNjU1NTYgMC44NDQ0MTkgOS45MTY3MiAxLjE2NjU5IDkuOTE2NzJIMi4zMzMyNVY0LjA4MzM5SDEuMTY2NTlaIgogICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4K);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100%;
      mask-size: 100%
   }
}

.panel--CB0dcCQWvhQEGoGb {
   background: #d3d3d3;
   height: 100%;
   overflow: hidden;
   top: 0;
   transition: width .3s;
   width: 0
}

.panel--CB0dcCQWvhQEGoGb.open--_aegbEuVyNgr8g6g {
   width: 200px
}

.open-left--m29hzBQb1I0SULnB {
   left: 0
}

.open-right--_otGeuNFZkHkWi9U {
   right: 0
}

.ui-search--rHAlMZL_Nlc2wGHE {
   border-radius: 8px !important;
   max-width: 100%;
   width: 256px !important
}

.ui-search--rHAlMZL_Nlc2wGHE input::-webkit-input-placeholder {
   color: var(--light-usage-text-color-text-3, rgba(28, 29, 35, .35))
}

.ui-search--rHAlMZL_Nlc2wGHE input::-ms-input-placeholder {
   color: var(--light-usage-text-color-text-3, rgba(28, 29, 35, .35))
}

.ui-search--rHAlMZL_Nlc2wGHE input::placeholder {
   color: var(--light-usage-text-color-text-3, rgba(28, 29, 35, .35))
}

.icon-search--Dp9xxzppPcsmVtG3 {
   align-items: center;
   display: flex;
   padding: 0 8px 0 16px
}

.icon-search--Dp9xxzppPcsmVtG3 .active--WGOMnTndnjMxeil9 svg {
   color: var(--light-usage-text-color-text-0, #1d1c23);
   transition: color .2s ease
}

.country-restricted--KKsCbnWmk4cP4F_6 {
   align-items: center;
   display: flex;
   flex-direction: column;
   height: 100%;
   justify-content: center;
   width: 100%
}

.country-restricted--KKsCbnWmk4cP4F_6 .logo--V3vHpTwYk2wpIpms {
   height: 96px !important;
   margin-bottom: 32px;
   width: 96px !important
}

.country-restricted--KKsCbnWmk4cP4F_6 .title--oqjbLcmc7aswRcD5 {
   color: #1c1d23;
   font-size: 24px;
   font-weight: 600;
   line-height: 32px;
   margin-bottom: 8px;
   text-align: center
}

.country-restricted--KKsCbnWmk4cP4F_6 .content--r28Tag9MYgsfdhrQ {
   color: rgba(28, 29, 35, .6);
   font-size: 16px;
   line-height: 22px;
   max-width: 1000px;
   text-align: center
}

.country-restricted--KKsCbnWmk4cP4F_6 .button--W9H1FI3mYEniVmFC {
   margin-top: 8px
}

.flex-helper--hOvXdcw0pcjFM991 {
   display: flex;
   display: -ms-flexbox
}

.flex-1-helper--V5mnq9R7LMsxA37w {
   flex: 1 1
}

.flex-direction-row-helper--THo8kRHX6cIMAvfV {
   flex-direction: row
}

.flex-items-center--XsbL9P2pjI73rDa9 {
   align-items: center
}

.flex-justify-center--RtRPan0x9no_lqnC {
   justify-content: center
}

.banner-wrapper--CMUeFt1p8wIgZ1vH {
   background: #e5b65c;
   min-height: 48px;
   padding: 0 64px;
   width: 100%
}

.banner-item--FOFyHqh8jeUtgJy8 {
   color: #fff;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   text-align: center
}

.banner-upgrade-button--zjMxVQnOS_80wVxg {
   cursor: pointer;
   font-weight: 700;
   margin-left: 6px;
   -webkit-text-decoration-line: underline;
   text-decoration-line: underline;
   text-underline-offset: 4px
}

.close--NV1TKKQ09I_mU543 {
   color: #fff;
   cursor: pointer
}

.banner-preview--RmUs9krJIlYiS1dr {
   width: 100%
}

.banner-preview--RmUs9krJIlYiS1dr .label--c0rQkYSZOrEeS1mR {
   color: rgba(var(--coze-fg-white), var(--coze-fg-white-alpha));
   font-size: var(--coze-16);
   font-weight: 500;
   line-height: 22px
}

.banner-preview--RmUs9krJIlYiS1dr .icon--sp1Rs9rcQrYL4i_E path {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

.banner-preview--RmUs9krJIlYiS1dr a {
   font-size: var(--coze-16);
   font-weight: 500;
   line-height: 22px;
   -webkit-text-decoration-line: underline;
   text-decoration-line: underline
}

.banner-preview--RmUs9krJIlYiS1dr a,
.banner-preview--RmUs9krJIlYiS1dr a:active,
.banner-preview--RmUs9krJIlYiS1dr a:focus,
.banner-preview--RmUs9krJIlYiS1dr a:visited {
   color: rgba(var(--coze-fg-white), var(--coze-fg-white-alpha))
}

.banner--Na9NxwmtvS0BzP5n {
   align-items: center;
   background: #4d53e8;
   color: #fff;
   display: flex;
   justify-content: space-between;
   padding: 14px 64px;
   text-align: center
}

.banner--Na9NxwmtvS0BzP5n.hidden--oEdmmFkT_swPhHR7 {
   display: none
}

.banner--Na9NxwmtvS0BzP5n .text--qfTq8oZqlEXhh9MD {
   display: inline-block;
   font-size: 14px;
   line-height: 20px
}

.banner--Na9NxwmtvS0BzP5n .link--DuWHoziZfKYIdd89 {
   color: #fff;
   cursor: pointer;
   font-weight: 600
}

.banner--Na9NxwmtvS0BzP5n .link--DuWHoziZfKYIdd89 a {
   border-bottom: 1px solid #fff;
   color: #fff !important
}

.banner--Na9NxwmtvS0BzP5n .close--Uw2iMJEVbzYnEZPp {
   background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27%23fff%27 d=%27M12.011 13.19a.833.833 0 1 0 1.179-1.179l-4.011-4.01 4.01-4.011a.833.833 0 0 0-1.178-1.179l-4.01 4.01-4.012-4.01A.833.833 0 1 0 2.81 3.988L6.822 8 2.81 12.012a.833.833 0 1 0 1.18 1.178L8 9.18z%27/%3E%3C/svg%3E") no-repeat;
   cursor: pointer;
   display: inline-block;
   height: 16px;
   width: 16px
}

.op-banner--aQeIck1iflAlYfLs {
   width: 100%
}

@media (max-width:640px) {
   .grid-cols-1--JTzmMKWv3qw9q_a9 {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }
}

.modal--zBYuzdouugDDDWq3 .semi-modal-body,
.modal--zBYuzdouugDDDWq3 .semi-modal-body-wrapper {
   height: 100%
}

.modal--zBYuzdouugDDDWq3 .semi-modal-body-wrapper,
.modal--zBYuzdouugDDDWq3 .semi-modal-footer {
   margin: 0
}

.container--xmXPi_Gb2woB3PCS {
   display: flex;
   flex-direction: column;
   gap: var(--coze-24);
   height: 100%
}

.container--xmXPi_Gb2woB3PCS .content--WFb74bZCpSw1J3jn {
   flex: 1 1;
   overflow-x: hidden;
   overflow-y: auto
}

.container--xmXPi_Gb2woB3PCS .content--WFb74bZCpSw1J3jn .title-wrapper--GfGDvI3yhUL_A3Go {
   margin-top: var(--coze-16)
}

.container--xmXPi_Gb2woB3PCS .content--WFb74bZCpSw1J3jn .text--QWWdlkI2f1kLWq_S {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: var(--coze-14);
   font-weight: 400;
   line-height: 1.25rem;
   margin-bottom: 0;
   margin-top: var(--coze-4);
   padding: 0
}

.container--xmXPi_Gb2woB3PCS .content--WFb74bZCpSw1J3jn .text--QWWdlkI2f1kLWq_S .link--yztpAX4EeQCn3Q9U {
   color: rgba(var(--coze-brand-5), 1)
}

.title-switch--dXWZRohUkAgAk5is {
   align-items: center;
   display: flex;
   justify-content: space-between;
   width: 100%
}

.title-switch--dXWZRohUkAgAk5is .title--asDQvkjgYTYY0Hri {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-size: var(--coze-16);
   font-weight: 500;
   line-height: 22px
}

.common-container--PYv4iAzmoD49FUGT,
.pc-container--ggmrlt3m718VefVZ {
   --tw-shadow: 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.16), 0px 16px 48px 0px rgba(var(--coze-shadow-0), 0.08);
   --tw-shadow-colored: 0px 8px 24px 0px var(--tw-shadow-color), 0px 16px 48px 0px var(--tw-shadow-color);
   align-items: center;
   background-color: rgba(var(--coze-bg-1), var(--coze-bg-1-alpha));
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   display: flex;
   position: fixed;
   z-index: 999
}

.pc-container--ggmrlt3m718VefVZ {
   border-radius: var(--coze-8);
   bottom: var(--coze-16);
   gap: 52px;
   justify-content: space-between;
   padding: var(--coze-16);
   right: var(--coze-16);
   width: 594px
}

.pc-container--ggmrlt3m718VefVZ .label--uKawXC8EYb0nuY4J {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-size: var(--coze-14);
   font-weight: 500;
   line-height: 1.25rem;
   margin: 0;
   overflow-wrap: break-word;
   padding: 0;
   text-align: justify
}

.pc-container--ggmrlt3m718VefVZ .label--uKawXC8EYb0nuY4J .link--JwqOZul_VQ11z_5P {
   color: rgba(var(--coze-brand-5), 1)
}

.pc-container--ggmrlt3m718VefVZ .control--uBlyj0FGvRstsbHk {
   align-items: center;
   display: flex;
   gap: var(--coze-16)
}

.pc-container--ggmrlt3m718VefVZ.in-eu--XDSXysTM2AAnvyj1 {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-radius: 0;
   border-top-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   bottom: 0;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, .02), 0 0 16px 0 rgba(0, 0, 0, .12);
   gap: var(--coze-24);
   max-height: 70%;
   overflow: auto;
   padding: var(--coze-32);
   right: 0;
   width: 100%
}

.pc-container--ggmrlt3m718VefVZ.in-eu--XDSXysTM2AAnvyj1 .label--uKawXC8EYb0nuY4J {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: var(--coze-16);
   font-weight: 700;
   line-height: 22px
}

.mobile-container--ik7kuVMFUJM2JKp7 {
   --tw-shadow: 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.16), 0px 16px 48px 0px rgba(var(--coze-shadow-0), 0.08);
   --tw-shadow-colored: 0px 8px 24px 0px var(--tw-shadow-color), 0px 16px 48px 0px var(--tw-shadow-color);
   align-items: center;
   background-color: rgba(var(--coze-bg-1), var(--coze-bg-1-alpha));
   border-style: solid;
   border-top-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-top-left-radius: var(--coze-24);
   border-top-right-radius: var(--coze-24);
   border-width: 0;
   border-top-width: 1px;
   bottom: 0;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   display: flex;
   flex-direction: column;
   gap: var(--coze-16);
   left: 0;
   padding-bottom: var(--coze-16);
   padding-left: var(--coze-24);
   padding-right: var(--coze-24);
   padding-top: var(--coze-16);
   position: fixed;
   width: 100%;
   z-index: 999
}

.mobile-container--ik7kuVMFUJM2JKp7 .label--uKawXC8EYb0nuY4J {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-size: var(--coze-14);
   font-weight: 500;
   line-height: 1.25rem;
   margin: 0;
   overflow-wrap: break-word;
   padding: 0;
   text-align: justify
}

.mobile-container--ik7kuVMFUJM2JKp7 .label--uKawXC8EYb0nuY4J .link--JwqOZul_VQ11z_5P {
   color: rgba(var(--coze-brand-5), 1)
}

.mobile-container--ik7kuVMFUJM2JKp7 .control--uBlyj0FGvRstsbHk {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   gap: var(--coze-8);
   justify-content: flex-end;
   width: 100%
}

.mobile-container--ik7kuVMFUJM2JKp7.in-eu--XDSXysTM2AAnvyj1 .control--uBlyj0FGvRstsbHk .button--Ft9oQCAqHSMc0feb {
   height: auto;
   padding-bottom: var(--coze-6);
   padding-left: var(--coze-12);
   padding-right: var(--coze-12);
   padding-top: var(--coze-6)
}

.mobile-container--ik7kuVMFUJM2JKp7.in-eu--XDSXysTM2AAnvyj1 .control--uBlyj0FGvRstsbHk .button--Ft9oQCAqHSMc0feb .semi-button-content {
   font-size: var(--coze-14);
   font-weight: 500;
   line-height: 1.25rem
}

.mobile-tips-span--TCCVfQlqMD0mwS5h {
   color: rgba(29, 28, 35, .8);
   font-size: .75rem;
   font-weight: 400;
   line-height: 1rem;
   text-align: center
}

.wrapper--ijjfCIDcZYk4WjIl {
   height: 100%;
   width: 100%
}

.content--POSEQNoc140XSz_O {
   align-items: center;
   display: flex;
   flex-direction: column;
   margin: auto;
   padding-top: 35.39vh
}

.title--vECNJ_DHcjAw1xAb {
   font-size: 16px !important;
   font-weight: 600 !important;
   line-height: 22px !important;
   margin-bottom: 4px !important;
   margin-top: 24px !important
}

.paragraph--LeQmf9N3NWI2YcRH {
   color: #1d1c2399;
   font-size: 12px;
   line-height: 16px;
   margin-bottom: 8px
}

.bot-exit-btn--I_IUQnVv7b0ZNb6h .semi-button.semi-button-with-icon-only {
   padding: 4px;
   width: 32px
}

.side-sheet--TpeFJXrcuwIkB7r_ .semi-sidesheet-inner {
   background-color: transparent;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.side-sheet--TpeFJXrcuwIkB7r_ .semi-sidesheet-header {
   display: none
}

.side-sheet--TpeFJXrcuwIkB7r_ .semi-sidesheet-body {
   padding: 0;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.sub-menu-resize--xr1oIDOCCic0urTL {
   cursor: col-resize;
   height: 100%;
   margin-right: -6px;
   position: absolute;
   right: 0;
   top: 0;
   width: 12px;
   z-index: 1
}

.sub-menu-resize--xr1oIDOCCic0urTL .sub-menu-resize-line--qaXuha9p5kspK8_7 {
   height: calc(100% - 24px);
   left: 6px;
   position: absolute;
   top: 12px;
   width: 1px
}

.sub-menu-resize--xr1oIDOCCic0urTL:hover .sub-menu-resize-line--qaXuha9p5kspK8_7 {
   background-color: var(--coz-stroke-plus)
}

.input--TY6kUqMcKdAACfXG input {
   padding: 6px 0 6px 16px !important
}

.input--TY6kUqMcKdAACfXG .semi-input-prefix {
   background-color: #f7f7fa;
   border-radius: 8px 0 0 8px;
   height: 100%;
   margin: 0;
   padding: 0 16px;
   width: 42px
}

.input--TY6kUqMcKdAACfXG .semi-input-suffix>span {
   color: rgba(29, 28, 35, .6);
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   padding-right: 16px
}

.input--TY6kUqMcKdAACfXG .semi-input-suffix>span>span:first-child {
   margin-right: 4px
}

.input--TY6kUqMcKdAACfXG .semi-input-suffix>span>span:last-child {
   margin-left: 4px
}

.input--TY6kUqMcKdAACfXG.page--jQKZTvW3lXwWmI4e {
   border-color: rgba(29, 28, 35, .16)
}

.input--TY6kUqMcKdAACfXG.modal--m34dMRe_c2EMkqB0 {
   border-color: rgba(29, 28, 35, .08)
}

.input--TY6kUqMcKdAACfXG:hover {
   border-color: var(--semi-color-focus-border)
}

.input--TY6kUqMcKdAACfXG:focus-within {
   border-color: var(--semi-color-focus-border)
}

.input--TY6kUqMcKdAACfXG.error--MNDZzO729LM2loB0 {
   border-color: var(--semi-color-danger-light-hover)
}

.input--TY6kUqMcKdAACfXG.error--MNDZzO729LM2loB0 .semi-input-prefix {
   background: #ffe0d2
}

.input--TY6kUqMcKdAACfXG.error--MNDZzO729LM2loB0:focus-within {
   border-color: var(--semi-color-danger) !important
}

.page--jQKZTvW3lXwWmI4e {
   margin-bottom: 12px
}

.page--jQKZTvW3lXwWmI4e .semi-input-prefix {
   border-right: 1px solid rgba(29, 28, 35, .16)
}

.page--jQKZTvW3lXwWmI4e.error--MNDZzO729LM2loB0 .semi-input-prefix {
   border-right-color: transparent
}

.modal--m34dMRe_c2EMkqB0 {
   margin-bottom: 8px
}

.modal--m34dMRe_c2EMkqB0 .semi-input-prefix {
   border-right: 1px solid rgba(29, 28, 35, .08)
}

.modal--m34dMRe_c2EMkqB0.error--MNDZzO729LM2loB0 .semi-input-prefix {
   border-right-color: transparent
}

.avatar-wrap--LZb2qlcPOAMK608f {
   position: relative
}

.avatar-wrap--LZb2qlcPOAMK608f .avatar--YEoayNg1tQAm6TOU {
   cursor: default;
   height: 80px;
   width: 80px
}

.avatar-wrap--LZb2qlcPOAMK608f .mask--StC8JSMdphkRsXHX {
   align-items: center;
   border-radius: 100%;
   cursor: pointer;
   display: flex;
   height: 0;
   height: 100%;
   justify-content: center;
   position: absolute;
   top: 0;
   visibility: hidden;
   width: 100%
}

.avatar-wrap--LZb2qlcPOAMK608f .mask--StC8JSMdphkRsXHX:hover,
.avatar-wrap--LZb2qlcPOAMK608f:hover .mask--StC8JSMdphkRsXHX {
   background-color: rgba(22, 22, 26, .6);
   visibility: visible
}

.avatar-wrap--LZb2qlcPOAMK608f:hover .mask--StC8JSMdphkRsXHX {
   color: #fff
}

.wrapper--XzVITdcDsMQ9Gb9m {
   align-items: center;
   display: flex;
   flex-direction: column;
   height: 100%;
   padding: 40px 0;
   width: 100%
}

.wrapper--XzVITdcDsMQ9Gb9m .title--kTjT3wEIT70dH_to {
   color: #1c1d23;
   font-size: 32px;
   font-weight: 600;
   line-height: 72px;
   margin-bottom: 24px
}

.wrapper--XzVITdcDsMQ9Gb9m .update-avatar--_g0mpTR0MaU9fMDh {
   align-items: center;
   display: flex;
   flex-direction: column;
   margin-bottom: 36px
}

.wrapper--XzVITdcDsMQ9Gb9m .update-avatar--_g0mpTR0MaU9fMDh .error-message--fTIWeVvgay4oox0W {
   margin-top: 12px
}

.wrapper--XzVITdcDsMQ9Gb9m .label--YBuZlz3ce3UM4AqG {
   align-self: flex-start;
   color: #1d1c23;
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 8px
}

.wrapper--XzVITdcDsMQ9Gb9m .input--oQT7jGXrzd8uTFo5 {
   height: 40px
}

.wrapper--XzVITdcDsMQ9Gb9m .done-btn--SyRr17vX_FcWU1WE {
   height: 40px;
   margin-top: auto;
   width: 100%
}

.mobile-wrapper--jI3F0VEtA3b4ZZmy {
   height: 100%;
   padding: 1.12rem 0 4.12rem;
   width: 100%
}

.mobile-wrapper--jI3F0VEtA3b4ZZmy,
.mobile-wrapper--jI3F0VEtA3b4ZZmy .title--kTjT3wEIT70dH_to {
   align-items: center;
   display: flex;
   flex-direction: column
}

.mobile-wrapper--jI3F0VEtA3b4ZZmy .title--kTjT3wEIT70dH_to {
   color: #1c1d23;
   font-size: 2rem;
   font-weight: 600;
   height: 4.5rem;
   justify-content: center;
   line-height: 3.75rem;
   text-align: center
}

.mobile-wrapper--jI3F0VEtA3b4ZZmy .update-avatar--_g0mpTR0MaU9fMDh {
   align-items: center;
   display: flex;
   flex-direction: column;
   margin-top: .25rem
}

.mobile-wrapper--jI3F0VEtA3b4ZZmy .update-avatar--_g0mpTR0MaU9fMDh .error-message--fTIWeVvgay4oox0W {
   margin-top: .75rem
}

.mobile-wrapper--jI3F0VEtA3b4ZZmy .label--YBuZlz3ce3UM4AqG {
   align-self: flex-start;
   color: #1d1c23;
   font-size: .75rem;
   font-weight: 500;
   line-height: 1rem;
   margin-bottom: .5rem;
   margin-top: 1.75rem
}

.mobile-wrapper--jI3F0VEtA3b4ZZmy .input--oQT7jGXrzd8uTFo5 {
   height: 2.5rem
}

.mobile-wrapper--jI3F0VEtA3b4ZZmy .done-btn--SyRr17vX_FcWU1WE {
   height: 2.5rem;
   margin-top: 10rem;
   width: 100%
}

.username-panel--S23NYmmTQo5VHvXf {
   display: flex;
   flex-direction: column;
   height: 246px;
   padding: 20px 0 24px
}

.username-panel--S23NYmmTQo5VHvXf .description--s1MKiyj5foXEdZtH {
   color: #1c1d23;
   line-height: 20px;
   margin-bottom: 20px
}

.username-panel--S23NYmmTQo5VHvXf .label--oV4QfdTrFb4KVAMX {
   color: #1c1d23;
   margin-bottom: 8px
}

.username-panel--S23NYmmTQo5VHvXf .username-input--OyVPU_mIqYAESmvU {
   height: 32px
}

.username-panel--S23NYmmTQo5VHvXf .save-btn--cdfnbVjIt9Wf1xpZ {
   align-self: flex-end;
   margin-top: auto;
   width: 96px
}

.font-normal--pEKjhppNtUM3ncNs {
   color: #1c1f23;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
}

.container--uOaFpUB5k8BU68Np {
   height: 100%;
   width: 100%
}

.container--uOaFpUB5k8BU68Np,
.container--uOaFpUB5k8BU68Np .content--VpYKA_Dv6bcLIv_3 {
   display: flex;
   flex-direction: column;
   margin-bottom: 16px
}

.container--uOaFpUB5k8BU68Np .content--VpYKA_Dv6bcLIv_3 {
   align-items: center
}

.container--uOaFpUB5k8BU68Np .content--VpYKA_Dv6bcLIv_3 .icon--EBPfyrMngsFpxhtz,
.container--uOaFpUB5k8BU68Np .content--VpYKA_Dv6bcLIv_3 .icon--EBPfyrMngsFpxhtz>span,
.container--uOaFpUB5k8BU68Np .content--VpYKA_Dv6bcLIv_3 .icon--EBPfyrMngsFpxhtz>svg {
   height: 24px;
   width: 24px
}

.container--uOaFpUB5k8BU68Np .content--VpYKA_Dv6bcLIv_3 .desc--T04vG5lvmMR0Zvw7 {
   color: #1c1f23;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   margin-top: 16px;
   text-align: center;
   white-space: pre-line
}

.container--uOaFpUB5k8BU68Np .content--VpYKA_Dv6bcLIv_3 .desc--T04vG5lvmMR0Zvw7.not-support--ezdC1iC9JO0eI5yV {
   margin-top: 0
}

.container--uOaFpUB5k8BU68Np .buttons--dxaLSEd7zw83UMYS {
   display: flex;
   justify-content: flex-end
}

.container--uOaFpUB5k8BU68Np .buttons--dxaLSEd7zw83UMYS .confirm--SW5vwWMmJQUDEthN {
   margin-left: 16px
}

.code-input--GxU6XkukfmUnDwAQ {
   column-gap: 22px;
   display: flex;
   flex-direction: row;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.code-input--GxU6XkukfmUnDwAQ .semi-input-wrapper {
   border-radius: 4px
}

.code-input--GxU6XkukfmUnDwAQ .char-input--FzONUTBzQgkcMtFH {
   align-items: center;
   background: #fff;
   border: 1px solid rgba(29, 28, 35, .16);
   border-radius: 8px;
   display: flex;
   flex-shrink: 0;
   font-size: 14px;
   height: 40px;
   justify-content: center;
   width: 40px
}

.code-input--GxU6XkukfmUnDwAQ .char-input--FzONUTBzQgkcMtFH.disabled--Bj1Tk4oqEsjdSqEj {
   color: #999
}

.code-input--GxU6XkukfmUnDwAQ .char-input--FzONUTBzQgkcMtFH.error--IuwAicR7Z1wqOlyw {
   border: 1px solid #ff3b30
}

.code-input--GxU6XkukfmUnDwAQ .char-input--FzONUTBzQgkcMtFH input {
   caret-color: #06f;
   text-align: center
}

.code-input-mobile--SyBqjNX9RbwlhM9u {
   column-gap: .5rem;
   display: flex;
   flex-direction: row;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.code-input-mobile--SyBqjNX9RbwlhM9u .semi-input-wrapper {
   border-radius: .25rem
}

.code-input-mobile--SyBqjNX9RbwlhM9u .char-input--FzONUTBzQgkcMtFH {
   align-items: center;
   background: #fff;
   border: 1px solid rgba(29, 28, 35, .16);
   border-radius: .5rem;
   display: flex;
   flex-shrink: 0;
   font-size: .875rem;
   height: 2.5rem;
   justify-content: center;
   width: 2.5rem
}

.code-input-mobile--SyBqjNX9RbwlhM9u .char-input--FzONUTBzQgkcMtFH.disabled--Bj1Tk4oqEsjdSqEj {
   color: #999
}

.code-input-mobile--SyBqjNX9RbwlhM9u .char-input--FzONUTBzQgkcMtFH.error--IuwAicR7Z1wqOlyw {
   border: 1px solid #ff3b30
}

.code-input-mobile--SyBqjNX9RbwlhM9u .char-input--FzONUTBzQgkcMtFH input {
   caret-color: #06f;
   text-align: center
}

.code-input-panel--IvaycS8AQWYXWRfn {
   align-items: center;
   display: flex;
   flex-direction: column;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.code-input-panel--IvaycS8AQWYXWRfn .desc--T01i76xtN3Az98Ro {
   color: rgba(28, 31, 35, .6);
   line-height: 20px;
   margin: 16px 0
}

.code-input-panel--IvaycS8AQWYXWRfn .desc--T01i76xtN3Az98Ro.blue--lWJKiHJOMqUFAUwR {
   color: #4d53e8
}

.code-input-panel--IvaycS8AQWYXWRfn .desc--T01i76xtN3Az98Ro.link--dkHfirLCPSwkDK5e {
   cursor: pointer
}

.code-input-panel--IvaycS8AQWYXWRfn .desc--T01i76xtN3Az98Ro.disabled--W3RWKe6roNwcUD6T {
   cursor: not-allowed
}

.code-input-panel--IvaycS8AQWYXWRfn .desc--T01i76xtN3Az98Ro.vertical-align-center--X_63z3fECMfosyaX {
   align-items: center;
   display: flex;
   flex-direction: row
}

.code-input-panel--IvaycS8AQWYXWRfn .desc--T01i76xtN3Az98Ro .icon--sSI09wR5__4TBDU_ {
   height: 14px;
   margin: 0 8px;
   width: 14px
}

.code-input-panel--IvaycS8AQWYXWRfn .strong--fjc7xUIxBYsIJIxq {
   font-weight: 600
}

.code-input-panel--IvaycS8AQWYXWRfn .nearly-black--LhjOywr7yuIWWbw0 {
   color: #1c1f23
}

.code-input-panel-mobile--znkmO_PtaE5CB0t0 {
   align-items: center;
   display: flex;
   flex-direction: column;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.code-input-panel-mobile--znkmO_PtaE5CB0t0 .desc--T01i76xtN3Az98Ro {
   color: rgba(28, 31, 35, .6);
   line-height: 1.25rem;
   margin: 1.5rem 0
}

.code-input-panel-mobile--znkmO_PtaE5CB0t0 .desc--T01i76xtN3Az98Ro.blue--lWJKiHJOMqUFAUwR {
   color: #4d53e8
}

.code-input-panel-mobile--znkmO_PtaE5CB0t0 .desc--T01i76xtN3Az98Ro.link--dkHfirLCPSwkDK5e {
   cursor: pointer
}

.code-input-panel-mobile--znkmO_PtaE5CB0t0 .desc--T01i76xtN3Az98Ro.disabled--W3RWKe6roNwcUD6T {
   cursor: not-allowed
}

.code-input-panel-mobile--znkmO_PtaE5CB0t0 .desc--T01i76xtN3Az98Ro.vertical-align-center--X_63z3fECMfosyaX {
   align-items: center;
   display: flex;
   flex-direction: row
}

.code-input-panel-mobile--znkmO_PtaE5CB0t0 .desc--T01i76xtN3Az98Ro .icon--sSI09wR5__4TBDU_ {
   height: 875rem;
   margin: 0 .5rem;
   width: .875rem
}

.code-input-panel-mobile--znkmO_PtaE5CB0t0 .strong--fjc7xUIxBYsIJIxq {
   font-weight: 600
}

.code-input-panel-mobile--znkmO_PtaE5CB0t0 .nearly-black--LhjOywr7yuIWWbw0 {
   color: #1c1f23
}

.rotate--pvuNzZ85q64JQVrE {
   animation: rotation--B2LcA9z6GmQHn8pw .8s linear infinite
}

@keyframes rotation--B2LcA9z6GmQHn8pw {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(359deg)
   }
}

.space--SGqxlKgCd1YhgNj6 {
   margin-top: auto;
   width: 100%
}

.space--SGqxlKgCd1YhgNj6>button {
   flex: 1 1;
   height: auto
}

.space--SGqxlKgCd1YhgNj6>button>span {
   font-weight: 600;
   line-height: 20px
}

.mobile-space--ML7syh9Gb7I6cvw8 {
   margin-top: 9.5rem;
   width: 100%
}

.mobile-space--ML7syh9Gb7I6cvw8>button {
   flex: 1 1;
   height: auto
}

.mobile-space--ML7syh9Gb7I6cvw8>button>span {
   font-weight: 600;
   line-height: 1.25rem
}

.font-normal--nxbhfjO4P_kui9bt {
   color: #1c1f23;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
}

.container--gP04aeTS2MYRT_kj {
   align-items: center;
   display: flex;
   flex-direction: column;
   height: 100%;
   margin-bottom: 16px;
   width: 100%
}

.container--gP04aeTS2MYRT_kj .desc--WOeRqg0_YD09jq4f {
   font-weight: 400;
   text-align: center
}

.container--gP04aeTS2MYRT_kj .account--iNK3qBCVDik0fI24,
.container--gP04aeTS2MYRT_kj .desc--WOeRqg0_YD09jq4f {
   color: #1c1f23;
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 16px
}

.container--gP04aeTS2MYRT_kj .account--iNK3qBCVDik0fI24 {
   color: #999;
   font-weight: 700
}

.font-normal--pL4DS39xlIPWT5qP {
   color: #1c1f23;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
}

.container--s9470xafhFQM9DYY {
   display: flex;
   flex-direction: column;
   height: 100%;
   margin-bottom: 16px;
   width: 100%
}

.container--s9470xafhFQM9DYY .desc--lMezJMkOsnsbrUc7 {
   color: #1c1f23;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   margin-bottom: 16px;
   text-align: center
}

.container--s9470xafhFQM9DYY .buttons--rE0MWKSv8NC6qKfm {
   display: flex;
   justify-content: flex-end
}

.font-normal--fk7O7uUV2QDAPdB2 {
   color: #1c1f23;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
}

.container--DctylZY0dk9AoqQk {
   display: flex;
   flex-direction: column;
   height: 100%;
   margin-bottom: 16px;
   width: 100%
}

.container--DctylZY0dk9AoqQk .desc--Mthj_a5OUI0FhGpH {
   color: #1c1f23;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   min-height: 48px;
   text-align: center
}

.container--DctylZY0dk9AoqQk .buttons--hSNGvBT8_4NbYkRp {
   display: flex;
   justify-content: flex-end
}

.container--DctylZY0dk9AoqQk .buttons--hSNGvBT8_4NbYkRp .previous--rD2_jnKcy5Q0b1LT {
   margin-right: 16px
}

.container--fRWZOkg81T4dwuFZ .spin--RxxM88Xf4zkPEf93 {
   align-items: center;
   display: flex;
   justify-content: center;
   margin: 16px 0;
   width: 100%
}

.font-normal--BPmjj10IGoZH5OHI {
   color: var(--light-usage-text-color-text-0, #1c1d23);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px
}

.container--yrdddIF_SsM9GNSW {
   display: flex;
   flex-direction: column;
   margin-top: 2px
}

.container--yrdddIF_SsM9GNSW .danger--M_e5xj0MTmodVmc7 {
   background: var(--light-usage-danger-light-color-danger-light-default, #fff1ec);
   border-radius: 8px;
   padding: 12px
}

.container--yrdddIF_SsM9GNSW .danger--M_e5xj0MTmodVmc7 .info--fPByRuN1F8bvcqCf {
   color: var(--light-usage-text-color-text-0, #1c1d23);
   color: var(--light-usage-danger-color-danger, #ff2710);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px
}

.container--yrdddIF_SsM9GNSW .content--C6oA5Wx_Hz4dt9_2 {
   margin-top: 20px
}

.container--yrdddIF_SsM9GNSW .content--C6oA5Wx_Hz4dt9_2 .label--LogYa_hEsOcKJWga {
   color: var(--light-usage-text-color-text-0, #1c1d23);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   margin: 0
}

.container--yrdddIF_SsM9GNSW .content--C6oA5Wx_Hz4dt9_2 .label--LogYa_hEsOcKJWga .strong--vMZhudOaW5c5aapB {
   font-weight: 600;
   line-height: 22px
}

.container--yrdddIF_SsM9GNSW .content--C6oA5Wx_Hz4dt9_2 .input--Pv4TaVjwSn8izsEs {
   margin-top: 8px
}

.buttons--tL68GiEwHZA_75yQ {
   display: flex;
   justify-content: flex-end;
   margin-bottom: 24px;
   margin-top: 36px
}

.buttons--tL68GiEwHZA_75yQ .confirm--Va4dmQt0tUqR2vpE {
   margin-left: 16px
}

.font-normal--KXxWez7Sqv0bPiAV {
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px
}

.spin--LMulWZEG60o4kgSy.top-level--tATK_2DBHTcrJeX5 {
   align-items: center;
   display: flex;
   height: 248px;
   justify-content: center;
   margin-bottom: 40px;
   width: 100%
}

.modal-icon--Qt6LmwLTbwQafzxA {
   height: 24px;
   width: 24px
}

.info--OyFlBq4WFj4Qke2I {
   color: var(--Light-usage-text---color-text-0, #1c1d23);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px
}

.footer--YRgGxLzrTMgIDCWn {
   align-items: center;
   display: flex;
   gap: 4px;
   justify-content: flex-end
}

.footer--YRgGxLzrTMgIDCWn .cancel--ULGevebOAFoqicSx {
   border: 1px solid var(--Light-usage-disabled---color-disabled-border, #e6e7ea);
   border-radius: 8px
}

.menu--hFyvi9WxCgiYv_s5 .coz-item-text {
   flex: 1 1;
   overflow: hidden
}

.input--AIYNdoHNm5k_xdvN input {
   padding: 6px 0 6px 16px !important
}

.input--AIYNdoHNm5k_xdvN .semi-input-prefix {
   border-radius: 8px 0 0 8px;
   height: 100%;
   margin: 0;
   padding: 0 16px;
   width: 42px
}

.input--AIYNdoHNm5k_xdvN .semi-input-suffix>span {
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   padding-right: 16px
}

.input--AIYNdoHNm5k_xdvN .semi-input-suffix>span>span:first-child {
   margin-right: 4px
}

.input--AIYNdoHNm5k_xdvN .semi-input-suffix>span>span:last-child {
   margin-left: 4px
}

.input--AIYNdoHNm5k_xdvN.page--TshY_a7wALIBYBjd {
   border-color: rgba(29, 28, 35, .16)
}

.input--AIYNdoHNm5k_xdvN.modal--D6hybewRzbwcx9AU {
   border-color: rgba(29, 28, 35, .08)
}

.input--AIYNdoHNm5k_xdvN:hover {
   border-color: var(--semi-color-focus-border)
}

.input--AIYNdoHNm5k_xdvN:focus-within {
   border-color: var(--semi-color-focus-border)
}

.input--AIYNdoHNm5k_xdvN.error--ffJvCGsiHoMmrHbd {
   border-color: var(--semi-color-danger-light-hover)
}

.input--AIYNdoHNm5k_xdvN.error--ffJvCGsiHoMmrHbd .semi-input-prefix {
   background: #ffe0d2
}

.input--AIYNdoHNm5k_xdvN.error--ffJvCGsiHoMmrHbd:focus-within {
   border-color: var(--semi-color-danger) !important
}

.page--TshY_a7wALIBYBjd {
   margin-bottom: 12px
}

.page--TshY_a7wALIBYBjd .semi-input-prefix {
   border-right: 1px solid rgba(29, 28, 35, .16)
}

.page--TshY_a7wALIBYBjd.error--ffJvCGsiHoMmrHbd .semi-input-prefix {
   border-right-color: transparent
}

.modal--D6hybewRzbwcx9AU {
   margin-bottom: 8px
}

.modal--D6hybewRzbwcx9AU .semi-input-prefix {
   border-right: 1px solid rgba(29, 28, 35, .08)
}

.modal--D6hybewRzbwcx9AU.error--ffJvCGsiHoMmrHbd .semi-input-prefix {
   border-right-color: transparent
}

.avatar-wrap--CPvwyqSl4a8esaBA {
   position: relative
}

.avatar-wrap--CPvwyqSl4a8esaBA .avatar--wgh_qntQEEaxvwpH {
   cursor: default;
   height: 80px;
   width: 80px
}

.avatar-wrap--CPvwyqSl4a8esaBA .mask--CJrM_VqCRIZBEcM6 {
   align-items: center;
   border-radius: 100%;
   cursor: pointer;
   display: flex;
   height: 0;
   height: 100%;
   justify-content: center;
   position: absolute;
   top: 0;
   visibility: hidden;
   width: 100%
}

.avatar-wrap--CPvwyqSl4a8esaBA .mask--CJrM_VqCRIZBEcM6:hover,
.avatar-wrap--CPvwyqSl4a8esaBA:hover .mask--CJrM_VqCRIZBEcM6 {
   background-color: rgba(22, 22, 26, .6);
   visibility: visible
}

.avatar-wrap--CPvwyqSl4a8esaBA:hover .mask--CJrM_VqCRIZBEcM6 {
   color: #fff
}

.update-avatar--wIkVauhbUGc2spJ4 {
   margin-bottom: 24px
}

.edit-profile--_nbF6KuFXT8CnRh9 .coz-icon-button-mini {
   line-height: 1
}

.edit-profile--_nbF6KuFXT8CnRh9 .coz-typography {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.label-wrap--hzCNXRCNxmMbned0 {
   align-items: center;
   align-self: flex-start;
   display: flex;
   gap: 16px;
   justify-content: flex-start;
   margin-bottom: 20px;
   width: 100%
}

.label--QdX1dAxOssokw6nn {
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 0;
   width: 76px
}

.submit--zvIJXxANIYzJfNDm {
   margin-top: 48px;
   width: 100%
}

.count--UwEwoiUiLZQskfrX {
   color: #737577;
   margin: 0 12px 0 8px
}

.count--UwEwoiUiLZQskfrX,
.upload-button--cDmexg6RyJkuYzdA {
   font-size: 12px;
   line-height: 16px
}

.upload-button--cDmexg6RyJkuYzdA a {
   color: var(--light-usage-primary-color-primary, #0077fa);
   font-weight: 400
}

.filed-readonly--gWdcT9ucOPsISD7O {
   align-items: center;
   display: flex;
   width: 100%
}

.filed-readonly--gWdcT9ucOPsISD7O .text--ect5AGX0voLXAeVx {
   line-height: 20px
}

.filed-readonly--gWdcT9ucOPsISD7O>button>button:last-child,
.filed-readonly--gWdcT9ucOPsISD7O>button>span:last-child {
   margin-left: 4px
}

.field-edit--W0LnvUAnWYRyuwOI {
   align-items: flex-start;
   display: flex;
   width: 100%
}

.field-edit--W0LnvUAnWYRyuwOI .field-edit-children--nqsBJ3g0F5c383nR {
   flex: 1 1
}

.field-edit--W0LnvUAnWYRyuwOI .field-btn--c1vmyWrzLP0WbUwx {
   align-self: end
}

.field-edit--W0LnvUAnWYRyuwOI .btn--oTkPhFPD8Fs8A30K {
   margin-left: 16px
}

.user-brief--DqU14y8_DiE4UGk_ {
   margin-top: 0;
   width: 100%
}

.user-brief--DqU14y8_DiE4UGk_ .coz-typography {
   padding-bottom: 0;
   padding-top: 0
}

.user-brief--DqU14y8_DiE4UGk_ .coz-textarea-wrapper {
   margin-top: 0
}

.footer--t55Ilvyj7qI3df97 {
   justify-content: end;
   width: 100%
}

.create-enterprise-coachmark--c5heS_RzOsppBGEo {
   padding: 8px !important;
   top: 20px;
   width: 300px
}

.create-enterprise-coachmark--c5heS_RzOsppBGEo .semi-popover-icon-arrow {
   bottom: 28px !important;
   -webkit-filter: none;
   filter: none
}

.generate-list-wrap--DMssVFaeaoffgaLb {
   align-items: center;
   border-radius: 8px;
   box-sizing: border-box;
   display: flex;
   flex: 1 1;
   height: 32px
}

.generate-list-wrap--DMssVFaeaoffgaLb .hidden-element--bmJyndSQsKY7oQK4 {
   background-image: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bot-generate-loading-sprite.0d27371f.png), url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bot-generate-dis-sprite.0801b658.png);
   height: 0;
   position: absolute;
   width: 0
}

.generate-list-wrap--DMssVFaeaoffgaLb .split-line--a1bChzjOKmsQCG4y {
   background-color: var(--coz-stroke-plus);
   height: 16px;
   margin: 0 12px;
   width: 1px
}

.generate-list-wrap--DMssVFaeaoffgaLb .avatar--ArkEdGRn7ZM6WgM6 {
   border-radius: 8px;
   height: 32px;
   position: relative;
   width: 32px
}

.generate-list-wrap--DMssVFaeaoffgaLb .avatar--ArkEdGRn7ZM6WgM6.checked--QLhpJyE2kxcd9eQX:after {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHOSURBVHgB3Zc/S8NAGMaf900VSkUUVHBLXQRF9CNYnMWAIvgZHHTQxaXt4K6Lk4uTIg5RdBT9CA662m46drD+bXLmjU2poaW1TS/gD0LuciHPL5fLwUsIYa08zTugJShYXtdEBCjgjkB3Rp+bt0/Gi/VjVAu2CkMuJ7OKsIleonjPcMt5206XagISXjGSN15nDhqQGUk4bxmRYLkgb64rXJAsh1NZv21ZT6ZjUAExYJDKsGNwFjFRUcpiIn1TH4bAS6yUik3Aw2TEzP8V2FgfxOHBCCbMPmgXkPCFTBJjYwZ288PQKhCEB1xcvUKbQDj8+LTsHS/QItBJeEuBiXQCx0ejWFtNoRfhLQV2toeQSrEnMNBUopvwlgLXt++1diOJbsMFY3JqK9ds8P7hE7Jjz0z3+/3gfP/wFUm4QIvLz6rVTeG3LxQrSJuJrsOFtv4CebiEBEQV3rZAI4kowv8kEJaIIlxoaw2Ekf3hsVBBFHS0E0YVHggUERNSrDDBPUdMSH3ALpGNmJBSjS/Pxm8V3H1oRjKlTvQXYcJJ5uR7QBPkl2YfOWn7ArY9XGKnP6NjJiSDq3VhVeY3P6UackQ8G2HNUFSy2L31Jp+8fuAbW6XPoiPyeC8AAAAASUVORK5CYII=) no-repeat 50% /cover;
   content: "";
   height: 16px;
   position: absolute;
   right: 4px;
   top: 4px;
   width: 16px
}

.generate-list-wrap--DMssVFaeaoffgaLb .avatar--ArkEdGRn7ZM6WgM6 .loading-mask--dI4EIiaR8jwij2YY {
   background-color: transparent;
   border-radius: 8px;
   cursor: pointer;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 1
}

.generate-list-wrap--DMssVFaeaoffgaLb .avatar--ArkEdGRn7ZM6WgM6 .loading-mask--dI4EIiaR8jwij2YY.loading--G3TqWW0ajVE2n_KK {
   animation: loading--G3TqWW0ajVE2n_KK 1.5s steps(30) infinite;
   background-image: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bot-generate-loading-sprite.0d27371f.png);
   background-position: -2px;
   background-repeat: no-repeat;
   background-size: 2190px 73px
}

.generate-list-wrap--DMssVFaeaoffgaLb .avatar--ArkEdGRn7ZM6WgM6 .loading-mask--dI4EIiaR8jwij2YY.finish--_El7t7RxuygbZzHX {
   animation: finish--_El7t7RxuygbZzHX .5s steps(10) forwards;
   background-image: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bot-generate-dis-sprite.0801b658.png);
   background-position: -2px;
   background-repeat: no-repeat;
   background-size: 730px 73px
}

.generate-list-wrap--DMssVFaeaoffgaLb .avatar--ArkEdGRn7ZM6WgM6 .loading-mask--dI4EIiaR8jwij2YY .mask--AzZKykxRdcx7WUpB {
   align-items: center;
   background-color: var(--coz-mg-mask);
   border-radius: 8px;
   color: #fff;
   display: flex;
   height: 100%;
   justify-content: center;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%
}

.generate-list-wrap--DMssVFaeaoffgaLb .avatar--ArkEdGRn7ZM6WgM6 .avatar-img--ZH3TqdmJaLs1uLVY {
   animation: fade-in--qFM8FomKEUhoKM1Y .8s .2s forwards;
   -webkit-filter: brightness(1.5) blur(6px);
   filter: brightness(1.5) blur(6px);
   mix-blend-mode: hard-light
}

.generate-list-wrap--DMssVFaeaoffgaLb .avatar--ArkEdGRn7ZM6WgM6 .avatar-img--ZH3TqdmJaLs1uLVY img {
   object-fit: cover;
   width: 100%
}

.generate-list-wrap--DMssVFaeaoffgaLb .generate-btn--opqVBZfU6J05RmnR {
   align-items: center;
   background-color: var(--coz-mg-primary);
   border: 1px solid var(--coz-stroke-primary);
   border-radius: 8px;
   color: #4d53e8;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   font-size: 12px;
   height: 68px;
   justify-content: center;
   width: 68px
}

.generate-list-wrap--DMssVFaeaoffgaLb .generate-btn--opqVBZfU6J05RmnR.disabled--JgGXkrwlcnECjVQk {
   color: #b4baf6;
   cursor: not-allowed
}

.generate-list-wrap--DMssVFaeaoffgaLb .generate-btn--opqVBZfU6J05RmnR.disabled--JgGXkrwlcnECjVQk svg {
   opacity: .4
}

.generate-list-wrap--DMssVFaeaoffgaLb .generate-btn--opqVBZfU6J05RmnR span {
   line-height: 16px
}

@keyframes loading--G3TqWW0ajVE2n_KK {
   0% {
      background-position: -2px -2px
   }

   to {
      background-position: -2192px -2px
   }
}

@keyframes finish--_El7t7RxuygbZzHX {
   0% {
      background-position: -2px -2px
   }

   to {
      background-position: -730px -2px
   }
}

@keyframes fade-in--qFM8FomKEUhoKM1Y {
   0% {
      -webkit-filter: brightness(1.5) blur(6px);
      filter: brightness(1.5) blur(6px);
      mix-blend-mode: hard-light
   }

   30% {
      mix-blend-mode: unset
   }

   to {
      -webkit-filter: brightness(1) blur(0);
      filter: brightness(1) blur(0);
      mix-blend-mode: unset
   }
}

.upload--JH1Gf_bofpEX6qkg {
   height: 64px;
   margin: auto;
   overflow: hidden;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.upload--JH1Gf_bofpEX6qkg .circle--Xmy720GTsio0OnJg .semi-upload-picture-file-card-uploading:before {
   border-radius: 50%
}

.upload--JH1Gf_bofpEX6qkg .circle--Xmy720GTsio0OnJg img {
   border-radius: 50%
}

.upload--JH1Gf_bofpEX6qkg .avatar--H7CKFlhKFcQgchUF {
   border-radius: 14px;
   height: 64px;
   width: 64px
}

.upload--JH1Gf_bofpEX6qkg .avatar--H7CKFlhKFcQgchUF>img {
   height: 100%;
   object-fit: cover;
   width: 100%
}

.upload--JH1Gf_bofpEX6qkg .avatar--H7CKFlhKFcQgchUF .semi-skeleton-image {
   background-color: #fff;
   border: 1px solid rgba(29, 28, 35, .08);
   border-radius: 14px
}

.upload-button-wrap--uKHZcDOurmAmgJqm {
   display: flex;
   justify-content: center;
   width: 100%
}

.upload-button--GyIE4HGUC4nGMm7V {
   font-size: 14px;
   font-weight: 400;
   line-height: 22px
}

.avatar-wrap--wkAhogcrOAD3l98O {
   height: 64px;
   position: relative;
   width: 64px
}

.avatar-wrap--wkAhogcrOAD3l98O .mask--YKEwOOyCFovkx0DF {
   cursor: pointer
}

.avatar-wrap--wkAhogcrOAD3l98O .mask--YKEwOOyCFovkx0DF.full-center--GmJCMNIcblkR5cyB {
   background-color: rgba(22, 22, 26, 0);
   border-radius: 14px;
   color: hsla(0, 0%, 100%, 0);
   height: 100%;
   left: 0;
   top: 0;
   transition: all .1s;
   visibility: hidden;
   width: 100%
}

.avatar-wrap--wkAhogcrOAD3l98O .mask--YKEwOOyCFovkx0DF.full-center--GmJCMNIcblkR5cyB,
.avatar-wrap--wkAhogcrOAD3l98O .mask--YKEwOOyCFovkx0DF.right-bottom--AY52uFS8O4ZBMlVP {
   align-items: center;
   display: flex;
   justify-content: center;
   position: absolute
}

.avatar-wrap--wkAhogcrOAD3l98O .mask--YKEwOOyCFovkx0DF.right-bottom--AY52uFS8O4ZBMlVP {
   bottom: 0;
   color: #fff;
   height: 28px;
   padding: 4px 0 0 4px;
   right: 0;
   width: 28px
}

.avatar-wrap--wkAhogcrOAD3l98O:hover .mask--YKEwOOyCFovkx0DF.full-center--GmJCMNIcblkR5cyB {
   background-color: var(--coz-mg-mask);
   color: #fff;
   visibility: visible
}

.upload-with-auto-generate--vhJrrsOUS3UNRxwS {
   align-items: flex-end;
   display: flex
}

.upload-with-auto-generate--vhJrrsOUS3UNRxwS .upload--JH1Gf_bofpEX6qkg {
   height: 64px;
   margin: 0
}

.upload-with-auto-generate--vhJrrsOUS3UNRxwS .avatar-wrap--wkAhogcrOAD3l98O,
.upload-with-auto-generate--vhJrrsOUS3UNRxwS .upload--JH1Gf_bofpEX6qkg .avatar--H7CKFlhKFcQgchUF {
   height: 64px;
   width: 64px
}

.number-wrapper--zCCJwQLjXZAZDHZv {
   height: 1em;
   overflow: hidden;
   position: relative;
   width: .6em
}

.number-wrapper--zCCJwQLjXZAZDHZv .number--s6vNgtJbasIABVfU {
   left: 50%;
   position: absolute;
   -webkit-text-orientation: upright;
   text-orientation: upright;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-writing-mode: vertical-lr;
   writing-mode: vertical-lr
}

.container--XntduOTIbgQJ12PS {
   align-items: center;
   display: flex
}

.number-scroll--LR4vngMVGEwWHAAA {
   animation-duration: .3s;
   animation-iteration-count: infinite;
   animation-name: move--DBOhaYE5vWMiU_ey;
   animation-timing-function: linear
}

@keyframes move--DBOhaYE5vWMiU_ey {
   0% {
      transform: translate(-50%, -90%)
   }

   to {
      transform: translate(-50%, 1%)
   }
}

.cai-btn-light-effect {
   background: linear-gradient(120deg, hsla(0, 0%, 100%, 0) 30%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0) 70%);
   content: "";
   height: 100%;
   left: -120%;
   opacity: 0;
   position: absolute;
   top: 0;
   transform: skewX(-20deg);
   width: 100%
}

.cai-btn {
   --primary-color: #5147ff;
   --secondary-color: #cb77ff;
   --third-color: #fff;
   --forth-color: #ff8181;
   --blur: blur(50px);
   align-items: center;
   background: var(--primary-color);
   border: none;
   border-radius: 8px;
   color: #fff;
   cursor: pointer;
   display: flex;
   font-size: 16px;
   font-weight: 700;
   height: 40px;
   justify-content: center;
   overflow: hidden;
   position: relative;
   width: 100%;
   z-index: 1
}

.cai-btn:hover .cai-btn-light-effect {
   animation: cai-btn-light-flow 3s ease-out infinite;
   opacity: 1
}

.cai-btn[disabled] {
   cursor: not-allowed;
   opacity: .6
}

.cai-btn[disabled] .cai-btn-light-effect {
   display: none
}

.cai-btn[disabled]:hover .cai-btn-light-effect {
   animation: none;
   opacity: 0
}

.cai-btn-gradient-bg {
   overflow: hidden;
   z-index: -1
}

.cai-btn-gradient-bg,
.cai-btn-gradient-bg:after {
   border-radius: inherit;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%
}

.cai-btn-gradient-bg:after {
   -webkit-backdrop-filter: var(--blur);
   backdrop-filter: var(--blur);
   background: transparent;
   content: "";
   z-index: 2
}

.cai-btn-blob {
   animation: cai-btn-blob 10s linear infinite alternate;
   border-radius: 40% 60% 50% 50%;
   position: absolute
}

.cai-btn-blob:first-child {
   animation-duration: 4s;
   background-color: var(--secondary-color);
   bottom: -50%;
   height: 40px;
   left: 0;
   width: 40px
}

.cai-btn-blob:nth-child(2) {
   animation-duration: 6s;
   background-color: var(--secondary-color);
   bottom: -180%;
   height: 120px;
   right: 0;
   width: 80px
}

.cai-btn-blob:nth-child(3) {
   animation-duration: 5s;
   background-color: var(--third-color);
   bottom: -240%;
   height: 100px;
   opacity: 1;
   right: 0;
   width: 100px
}

.cai-btn-blob:nth-child(4) {
   animation-duration: 6s;
   background-color: var(--forth-color);
   bottom: -200%;
   height: 100px;
   opacity: 1;
   right: 0;
   width: 100px
}

@keyframes cai-btn-blob {
   0% {
      border-radius: 40% 60% 50% 50%;
      transform: scale(1.2) rotate(0deg) translate(10%, 10%)
   }

   to {
      border-radius: 60% 40%;
      transform: scale(1.2) rotate(1turn) translate(-15%, -20%)
   }
}

@keyframes cai-btn-light-flow {
   0% {
      left: -120%
   }

   50% {
      left: 120%
   }

   to {
      left: 160%
   }
}

.cai-radio-group {
   background-image: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bg.2061c9a3.png);
   background-size: cover;
   border: 1px solid rgba(82, 100, 154, .05);
   border-radius: 18px;
   flex-shrink: 0;
   position: relative
}

.cai-radio-group .semi-radio {
   font-size: 14px
}

.cai-radio-group .semi-radio .semi-radio-content {
   position: relative;
   z-index: 1
}

.cai-radio-group .semi-radio .semi-radio-addon-buttonRadio {
   border-radius: 14px;
   min-width: 105px;
   padding: 6px 8px;
   position: relative
}

.cai-radio-group .semi-radio .semi-radio-addon-buttonRadio-hover {
   background: inherit
}

.cai-radio-group .semi-radio.semi-radio-checked .semi-radio-addon-buttonRadio {
   color: var(--coz-fg-plus, #080d1ee5)
}

.cai-radio-group .semi-radio.semi-radio-checked .semi-radio-addon-buttonRadio:before {
   background: linear-gradient(111.43deg, #5147ff 21.67%, rgba(176, 76, 234, .7) 49.96%, rgba(255, 120, 71, .3) 100.37%);
   border-radius: inherit;
   content: "";
   inset: 0;
   margin: -1px;
   position: absolute;
   z-index: -1
}

.cai-switch.cai-switch {
   background: var(--coz-bg-secondary, #f0f0f7);
   border: none;
   box-shadow: inset 1px 0 4px rgba(0, 0, 0, .2);
   height: 20px;
   width: 36px
}

.cai-switch.cai-switch .semi-switch-knob {
   border-radius: 50%;
   height: 14px;
   top: 3px;
   width: 14px
}

.cai-switch.cai-switch.semi-switch-checked {
   background: linear-gradient(110.18deg, #5147ff -5.38%, rgba(81, 71, 255, .14) 56.68%, rgba(81, 71, 255, 0) 67.28%, rgba(224, 65, 245, .3) 88.36%), #f7f7fc
}

.cai-switch.cai-switch.semi-switch-checked .semi-switch-knob {
   transform: translateX(20px)
}

.cai-switch.cai-switch.semi-switch-checked:active,
.cai-switch.cai-switch.semi-switch-checked:hover {
   background: linear-gradient(110.18deg, #5147ff -5.38%, rgba(81, 71, 255, .14) 56.68%, rgba(81, 71, 255, 0) 67.28%, rgba(224, 65, 245, .3) 88.36%), #f7f7fc
}

.cai-switch.cai-switch:active,
.cai-switch.cai-switch:hover {
   background: var(--coz-bg-secondary, #f0f0f7);
   border: none
}

.discount-badge--Y6iLxn_LdlsVSDuY {
   border-radius: 4px;
   font-size: 10px;
   line-height: 1;
   position: relative;
   z-index: 0
}

.discount-badge--Y6iLxn_LdlsVSDuY:before {
   background: linear-gradient(111.43deg, #5147ff 21.67%, rgba(176, 76, 234, .7) 49.96%, rgba(255, 120, 71, .3) 100.37%);
   border-radius: inherit;
   content: "";
   inset: 0;
   -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
   mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   padding: 1px;
   position: absolute;
   z-index: -1
}

.discount-badge-inner--LhBPralRSqogg96P {
   background: linear-gradient(96.34deg, rgba(81, 71, 255, .2), rgba(81, 71, 255, 0) 75.26%, rgba(233, 40, 226, .2));
   padding: 4px 8px
}

.discount-badge-inner-text--WJzCw03cgUON3Dtk {
   -webkit-text-fill-color: transparent;
   background: linear-gradient(130.22deg, #5147ff -9.91%, #970dfb 46.46%, rgba(250, 121, 0, .6) 107.29%);
   -webkit-background-clip: text;
   background-clip: text;
   font-weight: 700
}

.advised--AdZ55af6HLcORIJU {
   position: relative
}

.advised-inner--k2MHiGAouBAwAOot {
   height: 60px;
   left: -8px;
   position: absolute;
   top: -20px;
   width: 120px
}

.container--hyyqM72V6EyIWlx2 {
   height: 100%;
   width: 100%
}

.plan-btn-plain--V1XB0onJMcc0ND1M {
   align-items: center;
   background: var(--coz-mg-secondary-hovered, #5768a114);
   border-radius: 8px;
   color: var(--coz-fg-plus, #080d1ee5);
   display: flex;
   font-size: 16px;
   font-weight: 500;
   gap: 4px;
   height: 40px;
   justify-content: center;
   min-width: 56px
}

.plan-btn-plain--V1XB0onJMcc0ND1M img {
   height: 22px;
   width: 22px
}

.plan--uD3wMHtEyP4d3guw {
   background: #fff;
   border: 1px solid var(--coz-stroke-primary, #52649a21);
   border-radius: 16px;
   flex: 1 1;
   font-size: 14px;
   overflow: hidden;
   position: relative;
   transition: box-shadow .3s
}

.plan--uD3wMHtEyP4d3guw.is-shadow--YGPpiOIMd9QEJSfw,
.plan--uD3wMHtEyP4d3guw:hover {
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .06), 0 16px 32px 0 rgba(0, 0, 0, .06)
}

.plan-summary--u7BtTP868MMp2EM6 {
   padding: 24px;
   position: relative
}

.plan-summary--u7BtTP868MMp2EM6:after {
   background: var(--coz-stroke-primary, #52649a21);
   bottom: 0;
   content: "";
   height: 1px;
   left: 24px;
   position: absolute;
   right: 24px
}

.plan-summary-type--_adfAF9CBCcjxaEG {
   color: var(--coz-fg-plus, #080d1ee5);
   display: flex;
   font-size: 20px;
   font-weight: 500
}

.plan-summary-desc--ndBL8yA88WA_KSn0 {
   color: var(--coz-fg-secondary, #2029459e);
   font-weight: 400;
   margin-top: 12px
}

.plan-summary-price--iWwBdHgNLcoRg1FY {
   display: flex;
   flex-direction: row;
   gap: 12px;
   height: 50px;
   margin-top: 20px;
   overflow: hidden
}

.plan-summary-price--iWwBdHgNLcoRg1FY,
.plan-summary-price-month--jiJBIXTHzg8twScP {
   align-items: end;
   color: var(--coz-fg-secondary, #2029459e);
   font-weight: 500
}

.plan-summary-price-month--jiJBIXTHzg8twScP {
   font-size: 14px
}

.plan-summary-price-annual--xDbMq4VRAU9vyLnD,
.plan-summary-price-month--jiJBIXTHzg8twScP {
   display: inline-flex;
   gap: 4px
}

.plan-summary-price-discount--f7smy2c1UtTdr2Jq {
   -webkit-text-fill-color: transparent;
   background: linear-gradient(134.95deg, #5147ff 14.33%, #970dfb 54.24%, rgba(250, 121, 0, .6) 97.3%);
   -webkit-background-clip: text;
   background-clip: text;
   font-weight: 600
}

.plan-summary--u7BtTP868MMp2EM6 .plan-btn--DGzU589hXLER4Mw1 {
   margin-top: 14px
}

.plan-benefit--gf3wISwaXUkGBdbv {
   padding: 20px 24px
}

.plan-benefit--gf3wISwaXUkGBdbv::-webkit-scrollbar {
   width: 0
}

.plan-benefit-items--sVBmLZf5u9I1fecA {
   display: flex;
   flex-direction: column;
   gap: 12px
}

.plan-benefit-item--AhbHCdYu38046gxY {
   align-items: center;
   color: var(--coz-fg-primary, #060709cc);
   display: flex;
   font-weight: 400;
   gap: 8px
}

.plan-benefit-item--AhbHCdYu38046gxY img {
   height: 20px;
   width: 20px
}

.plan--uD3wMHtEyP4d3guw.is-scrollable--xOPWexjFMdc5dvE6 .plan-benefit--gf3wISwaXUkGBdbv {
   height: calc(100% - 224px);
   overflow-y: auto
}

.plan--uD3wMHtEyP4d3guw.is-enterprise--eIc2nrbUsqgVN_x3 {
   z-index: 0
}

.plan--uD3wMHtEyP4d3guw.is-enterprise--eIc2nrbUsqgVN_x3:after {
   background-color: #fff;
   background-image: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bg-pro.ff125522.jpg);
   background-position: 100% 0;
   background-size: cover;
   border-radius: 14px;
   content: "";
   height: calc(100% - 2px);
   left: 1px;
   position: absolute;
   top: 1px;
   width: calc(100% - 2px);
   z-index: -1
}

.plan--uD3wMHtEyP4d3guw.is-enterprise--eIc2nrbUsqgVN_x3:before {
   animation: plan-border-rotate--wC9GmFMx218M5Xdr 4s linear infinite;
   background-image: conic-gradient(from 0deg, #a340e5, #a340e5cc, #4e40e529, #a340e544, #a340e5cc);
   content: "";
   height: 200%;
   left: -50%;
   position: absolute;
   top: -50%;
   width: 200%;
   z-index: -2
}

.plan--uD3wMHtEyP4d3guw.is-enterprise--eIc2nrbUsqgVN_x3.plan_120--YudLoCc3bIsTdG9C:after {
   background-image: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bg120.0a6374d2.jpg)
}

.plan--uD3wMHtEyP4d3guw.is-enterprise--eIc2nrbUsqgVN_x3.plan_130--vzOCFp637DIUk4hy:after {
   background-image: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bg130.26e4cada.jpg)
}

.plan--uD3wMHtEyP4d3guw.is-enterprise--eIc2nrbUsqgVN_x3:hover .cai-btn .cai-btn-light-effect {
   animation: cai-btn-light-flow 3s ease-out infinite;
   opacity: 1
}

.plans--pVZeRwHHXhQ9IRpp {
   align-items: stretch;
   display: flex;
   gap: 16px;
   margin-top: 12px;
   width: 100%
}

.full-link--ppbmzEFAkArwZY_F {
   bottom: 16px;
   left: 0;
   position: absolute;
   right: 0;
   text-align: center
}

.full-link--ppbmzEFAkArwZY_F a {
   align-items: center;
   color: var(--coz-fg-secondary, #2029459e);
   display: inline-flex;
   font-weight: 500;
   text-decoration: none
}

.full-link--ppbmzEFAkArwZY_F .icon-icon {
   font-size: 10px;
   margin-left: 4px
}

@keyframes plan-border-rotate--wC9GmFMx218M5Xdr {
   to {
      transform: rotate(1turn)
   }
}

.sticky-monitor--dEOt35hqH2ckpRCD {
   height: 1px;
   left: 0;
   position: absolute;
   top: 0;
   width: 1px;
   z-index: -1
}

.modal--KqblPr4kjQM9PiLo .semi-modal-header.semi-modal-header {
   margin: 0;
   padding: 24px 32px
}

.modal--KqblPr4kjQM9PiLo .semi-modal-body.semi-modal-body {
   max-height: calc(100vh - 204px);
   min-height: 144px;
   overflow: hidden auto;
   padding: 0 32px 32px
}

.modal--KqblPr4kjQM9PiLo .semi-modal-title {
   font-size: 20px;
   line-height: 28px
}

.modal--KqblPr4kjQM9PiLo .semi-modal-close {
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5))
}

.modal--KqblPr4kjQM9PiLo .semi-modal-content {
   background: var(--coz-bg-plus, #f9f9f9);
   padding: 0
}

.modal--KqblPr4kjQM9PiLo .premium-plan {
   box-shadow: none
}

.container--m8nUYrOwLkRcNKRG {
   display: flex;
   flex-direction: column;
   gap: 16px;
   width: 100%
}

.container--m8nUYrOwLkRcNKRG .notsupport--Z0jXVZY1x2ATQCio {
   width: 100%
}

.container--m8nUYrOwLkRcNKRG .notsupport-inner--cFZaNe2gzy8b_sne {
   background: var(--coz-mg-hglt-yellow, rgba(255, 188, 133, .2));
   border-radius: 8px;
   color: var(--coz-fg-primary, rgba(6, 7, 9, .8));
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
   padding: 12px
}

.premium-plans--WnCuWzAxngINpIvj {
   align-items: stretch;
   display: inline-flex;
   flex-direction: row;
   gap: 20px;
   width: 100%
}

.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33 {
   font-size: 14px;
   font-weight: 500
}

.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33 .semi-button-content {
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-secondary--bF3oCCyEYjofd5qp.btn-secondary--bF3oCCyEYjofd5qp {
   background-color: var(--coz-mg-primary, rgba(6, 7, 9, .04));
   color: var(--coz-fg-primary, rgba(6, 7, 9, .8))
}

.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-secondary--bF3oCCyEYjofd5qp.btn-secondary--bF3oCCyEYjofd5qp:hover {
   background-color: var(--coz-mg-primary-hovered)
}

.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-secondary--bF3oCCyEYjofd5qp.btn-secondary--bF3oCCyEYjofd5qp:active {
   background-color: var(--coz-mg-primary-pressed)
}

.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-secondary--bF3oCCyEYjofd5qp.btn-secondary--bF3oCCyEYjofd5qp.btn_readonly--WH4zKeUBpgA84LdQ,
.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-secondary--bF3oCCyEYjofd5qp.btn-secondary--bF3oCCyEYjofd5qp.btn_readonly--WH4zKeUBpgA84LdQ:active,
.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-secondary--bF3oCCyEYjofd5qp.btn-secondary--bF3oCCyEYjofd5qp.btn_readonly--WH4zKeUBpgA84LdQ:hover {
   background-color: var(--coz-mg-primary, rgba(6, 7, 9, .04));
   cursor: auto
}

.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-highlight--Vy_kbWAr48gbFc9U.btn-highlight--Vy_kbWAr48gbFc9U.btn_readonly--WH4zKeUBpgA84LdQ,
.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-highlight--Vy_kbWAr48gbFc9U.btn-highlight--Vy_kbWAr48gbFc9U.btn_readonly--WH4zKeUBpgA84LdQ:active,
.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-highlight--Vy_kbWAr48gbFc9U.btn-highlight--Vy_kbWAr48gbFc9U.btn_readonly--WH4zKeUBpgA84LdQ:hover {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
   cursor: auto
}

.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-brand--ESYKkb7YhvEyu8Si.btn-brand--ESYKkb7YhvEyu8Si.btn_readonly--WH4zKeUBpgA84LdQ,
.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-brand--ESYKkb7YhvEyu8Si.btn-brand--ESYKkb7YhvEyu8Si.btn_readonly--WH4zKeUBpgA84LdQ:active,
.premium-plans--WnCuWzAxngINpIvj .btn--RwUGMveEKjIy_O33.btn-brand--ESYKkb7YhvEyu8Si.btn-brand--ESYKkb7YhvEyu8Si.btn_readonly--WH4zKeUBpgA84LdQ:hover {
   background-color: rgba(var(--coze-brand-5), 1);
   cursor: auto
}

.plan--K0yXQJh5QXMaYd3e {
   border-radius: 16px;
   box-shadow: 0 10px 34px 0 rgba(62, 70, 132, .1);
   cursor: auto;
   flex: 1 1;
   position: relative
}

.plan--K0yXQJh5QXMaYd3e,
.plan-type--e1vUArK76_UdRTJL {
   display: flex;
   flex-direction: column
}

.plan-type--e1vUArK76_UdRTJL {
   border: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1));
   border-bottom: none;
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
   gap: 20px;
   height: -webkit-min-content;
   height: -moz-min-content;
   height: min-content;
   padding: 20px 20px 16px;
   will-change: transform
}

.plan-benefit--REk3yaCAQroJgVrF,
.plan-type--e1vUArK76_UdRTJL {
   background: var(--semi-color-bg-0, #fff);
   width: 100%
}

.plan-benefit--REk3yaCAQroJgVrF {
   border: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1));
   border-bottom-left-radius: 16px;
   border-bottom-right-radius: 16px;
   border-top: none;
   flex: 1 1;
   padding: 0 20px 20px
}

.plan-benefit-section--cwLYaMNTDKc82QXZ {
   display: flex;
   flex-direction: column;
   width: 100%
}

.plan-benefit-section--cwLYaMNTDKc82QXZ+.plan-benefit-section--cwLYaMNTDKc82QXZ {
   border-top: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1))
}

.plan-benefit-section--cwLYaMNTDKc82QXZ.is-plugin--CRMSkHMaYQJm4GnS .model--JmFHdFVzYckw3v5C {
   min-height: auto
}

.plan-benefit-title--qHFUfBIfvBg30g_Z {
   align-items: flex-end;
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5));
   display: flex;
   font-size: 12px;
   font-weight: 500;
   height: 30px;
   line-height: 16px;
   width: 100%
}

.plan--K0yXQJh5QXMaYd3e.is-sticky--leySn0YShQxfoXm7 .plan-type--e1vUArK76_UdRTJL:after {
   background: var(--coz-stroke-primary, rgba(6, 7, 9, .1));
   bottom: 0;
   content: "";
   display: block;
   height: 1px;
   left: 0;
   position: absolute;
   right: 0
}

.plan-tag--g0kKPYfwkpqKcljV {
   font-size: 12px;
   font-weight: 400;
   line-height: 1.2
}

.plan-text-title--xQdKw2zKhspyoOUz {
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5));
   font-size: 16px;
   font-weight: 500;
   line-height: 1.2
}

.plan-flex--YUmqy3ma36cZv2Ly {
   display: flex
}

.plan-text--qI8mB_gr8Dgdi0nW {
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5));
   font-size: 14px;
   font-weight: 500;
   line-height: 1.2
}

.plan-price--esMYBaOY1MEBYxUo {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 42px;
   font-weight: 700;
   line-height: 1.2;
   margin-right: 4px
}

.plan-btn-notsupport--s3xtmBMNU1UM9ADF {
   align-items: center;
   color: var(--coz-fg-dim, rgba(6, 7, 9, .3));
   display: inline-flex;
   font-size: 16px;
   font-weight: 500;
   height: 40px;
   justify-content: center;
   width: 100%
}

.model--JmFHdFVzYckw3v5C {
   display: flex;
   flex-direction: column;
   min-height: 84px;
   padding: 12px 0
}

.model-title--FLj20ZYuZbQ9bIJY {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-weight: 500;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.model-text--dllYtD8_L4YXmnOv,
.model-title--FLj20ZYuZbQ9bIJY {
   font-size: 14px;
   line-height: 20px
}

.model-text--dllYtD8_L4YXmnOv {
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5));
   font-weight: 400
}

.has-sticky--U39W1cwuyIYScfbv {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 1
}

.title--mcBp7wHFZQAVm3Xw {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 16px;
   font-weight: 500;
   margin-bottom: 8px;
   padding-inline: 20px
}

.plans--S7Si6ZkYjbstXuNz {
   background-color: inherit;
   flex: 1 1;
   overflow-y: auto;
   padding: 0 20px 20px;
   position: relative
}

.plans--S7Si6ZkYjbstXuNz::-webkit-scrollbar {
   width: 4px
}

.plans--S7Si6ZkYjbstXuNz::-webkit-scrollbar-thumb {
   background: var(--coz-fg-dim, rgba(6, 7, 9, .3));
   border-radius: 2px
}

.container-cn--M45fk_J3JLwJNbhe {
   position: relative
}

.container-cn--M45fk_J3JLwJNbhe .title--mcBp7wHFZQAVm3Xw {
   padding-inline: 56px
}

.container-cn--M45fk_J3JLwJNbhe .plans--S7Si6ZkYjbstXuNz {
   overflow: hidden;
   padding: 0 56px 20px
}

.month-picker--DWudHe0fQHw9ZCTZ .semi-select:is(.coz-select, .coz-select-tag-popover.semi-popover-wrapper) {
   width: 160px
}

.oversea-style--QgzCjOdU33I8Tjfb .semi-scrolllist-body {
   flex-direction: row-reverse
}

.clear--E4NiHxxNgH4xn7PF.clear--E4NiHxxNgH4xn7PF.clear--E4NiHxxNgH4xn7PF {
   padding-left: 4px;
   position: relative
}

.clear--E4NiHxxNgH4xn7PF.clear--E4NiHxxNgH4xn7PF.clear--E4NiHxxNgH4xn7PF:before {
   background: var(--coz-stroke-primary, #52649a21);
   content: "";
   height: 12px;
   left: 0;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 1px
}

.clear--E4NiHxxNgH4xn7PF.clear--E4NiHxxNgH4xn7PF.clear--E4NiHxxNgH4xn7PF .coz-button {
   color: var(--coz-fg-secondary, #2029459e)
}

.select--une2gsBjyjAruh6H {
   position: relative;
   width: 200px
}

.select-menu--nS9L9DzQK3AOqMks {
   max-height: 260px;
   overflow: auto;
   width: 200px
}

.select-menu--nS9L9DzQK3AOqMks::-webkit-scrollbar {
   width: 4px
}

.select-menu--nS9L9DzQK3AOqMks::-webkit-scrollbar-thumb {
   background: #37436a33;
   border-radius: 2px
}

.select-menu--nS9L9DzQK3AOqMks .select-option-empty--c5yLmSmICzg5nk6K.select-option-empty--c5yLmSmICzg5nk6K.select-option-empty--c5yLmSmICzg5nk6K.select-option-empty--c5yLmSmICzg5nk6K {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed;
   justify-content: center
}

.select-menu--nS9L9DzQK3AOqMks .select-option-empty--c5yLmSmICzg5nk6K.select-option-empty--c5yLmSmICzg5nk6K.select-option-empty--c5yLmSmICzg5nk6K.select-option-empty--c5yLmSmICzg5nk6K:hover {
   background-color: inherit
}

.select-menu-item-full--vd7jUSAejT4nE5fS .coz-item-text {
   width: 100%
}

.fake-input--p_m8EBFdJ04t1Srz {
   align-items: center;
   background-color: var(--semi-color-white);
   border: 1px solid rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
   border-radius: 8px;
   color: var(--semi-color-text-0);
   cursor: pointer;
   display: inline-flex;
   height: 32px;
   justify-content: space-between;
   padding-left: var(--coze-4);
   padding-right: var(--coze-4);
   position: relative;
   width: 100%
}

.fake-input--p_m8EBFdJ04t1Srz:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.fake-input--p_m8EBFdJ04t1Srz:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.fake-input-prefix--oyVQDs6_vcYdxZo7,
.fake-input-suffix--f77AMVMgA4RkJqHy {
   align-items: center;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   display: flex;
   font-size: .75rem;
   font-weight: 400;
   justify-content: center;
   line-height: 1rem;
   margin-left: var(--coze-4);
   margin-right: var(--coze-4)
}

.fake-input-prefix--oyVQDs6_vcYdxZo7 {
   font-size: 16px
}

.fake-input-placeholder--M5zKCoaXpuMRaOKX {
   color: var(--coz-fg-dim, #37436a61);
   left: 28px;
   max-width: 75%;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
   top: 4px;
   white-space: nowrap
}

.history--QXEdxv1fYk08cKN4,
.history-group--Pw21UKitHBQuvICj {
   width: 100%
}

.history-group--Pw21UKitHBQuvICj .group-head--yoj_3sYboKs25Bm9 {
   background: var(--coz-mg-primary, rgba(6, 7, 9, .04));
   border-radius: 4px;
   color: var(--coz-fg-primary, rgba(6, 7, 9, .8));
   display: inline-flex;
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
   padding: 4px 10px
}

.history--QXEdxv1fYk08cKN4 .empty--awXe2LwyE9MLLgzx {
   align-items: center;
   display: flex;
   flex-direction: column;
   gap: 24px;
   padding-top: 160px
}

.history--QXEdxv1fYk08cKN4 .empty--awXe2LwyE9MLLgzx img {
   height: 200px;
   width: 200px
}

.history--QXEdxv1fYk08cKN4 .empty--awXe2LwyE9MLLgzx .text--D_1Pij2DQbE51U34 {
   color: var(--color-text-1, rgba(29, 28, 35, .8));
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
}

.history--lp6Tatr0uC8SLszS,
.history-group--_Kg9yvQeFWkUkD53 {
   width: 100%
}

.history-group--_Kg9yvQeFWkUkD53 .group-head--tq3LpB6Jj9oOX0Cd {
   background: var(--coz-mg-primary, rgba(6, 7, 9, .04));
   border-radius: 4px;
   color: var(--coz-fg-primary, rgba(6, 7, 9, .8));
   display: inline-flex;
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
   padding: 4px 10px
}

.history--lp6Tatr0uC8SLszS .empty--K1m7j3mwXhQv2pT_ {
   align-items: center;
   display: flex;
   flex-direction: column;
   gap: 24px;
   padding-top: 160px
}

.history--lp6Tatr0uC8SLszS .empty--K1m7j3mwXhQv2pT_ img {
   height: 200px;
   width: 200px
}

.history--lp6Tatr0uC8SLszS .empty--K1m7j3mwXhQv2pT_ .text--Jrj_X3cMxGYQT79G {
   color: var(--color-text-1, rgba(29, 28, 35, .8));
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
}

.usage-progress--l0rXveLCnICvO_1r {
   height: 8px;
   margin: 0;
   width: 160px
}

.model-cost--kKkxp7gVj3swDM2d {
   background: #fff;
   border: 1px solid var(--color-border, rgba(29, 28, 35, .08));
   border-radius: 8px;
   padding: 16px
}

.model-cost--kKkxp7gVj3swDM2d .border--Kp7dl_Yk5AAOypvq {
   border-bottom: 1px solid var(--color-border, rgba(29, 28, 35, .08))
}

.table--a66KwmSmA4_HjuAY .semi-table-thead>.semi-table-row>.semi-table-row-head {
   color: var(--coz-fg-secondary, rgba(32, 41, 69, .62));
   font-size: 12px;
   font-weight: 400;
   line-height: 1.2;
   padding: 4px 8px
}

.table--a66KwmSmA4_HjuAY .semi-table-tbody>.semi-table-row>.semi-table-row-cell {
   padding: 10px 8px
}

.table--a66KwmSmA4_HjuAY .semi-table-tbody>.semi-table-row:last-child>.semi-table-row-cell {
   border-bottom: none
}

.table--a66KwmSmA4_HjuAY .semi-table-empty .coz-empty-state {
   max-width: 100%;
   width: 100%
}

.table--a66KwmSmA4_HjuAY .logo--YbY3RKY1aiovFPhw {
   border-radius: 9px;
   cursor: auto;
   height: 36px;
   width: 36px
}

.table--a66KwmSmA4_HjuAY .text-title--maqGx8dzZ0QRTRvy {
   color: var(--coz-fg-primary, rgba(15, 21, 40, .82));
   font-size: 14px;
   font-weight: 500;
   line-height: 1.2
}

.table--a66KwmSmA4_HjuAY .list--jZbrz6pHRQQuO50t {
   list-style: none;
   margin: 0;
   padding: 0
}

.table--a66KwmSmA4_HjuAY .list--jZbrz6pHRQQuO50t li {
   color: var(--coz-fg-secondary, rgba(32, 41, 69, .62));
   font-size: 14px;
   font-weight: 400;
   line-height: 36px;
   position: relative
}

.table--a66KwmSmA4_HjuAY .list--jZbrz6pHRQQuO50t li+li:before {
   background-color: var(--coz-stroke-primary, rgba(82, 100, 154, .13));
   content: "";
   height: 1px;
   left: -8px;
   position: absolute;
   right: -8px
}

.container--IWtDjXh3MeQiQB4R {
   padding: 36px 0 64px;
   width: 100%
}

.section--SrZupcOUiACPTjZF {
   width: 100%
}

.section-title--zJt32dklfUEEE_JH {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 16px;
   font-weight: 500;
   justify-content: space-between;
   margin-bottom: 8px;
   width: 100%
}

.section-plan-limit--mlie4lrhvIk5VNQ3 {
   background: var(--coz-mg-hglt-secondary-red, #ffadb43b);
   border-radius: 8px;
   color: var(--coz-fg-primary, #0f1528d1);
   margin-bottom: 12px;
   padding: 8px;
   text-align: center
}

.section-plan-basic--J745QWCdu4YpmOUD {
   border: 1px solid var(--coz-stroke-primary, rgba(72, 73, 75, .13));
   border-radius: 8px;
   flex: 1 1;
   justify-content: space-between;
   padding: 20px
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-type--aCUFUgwjNcErGYlG {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 20px;
   font-weight: 500;
   line-height: 1.2
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-info--EVfzX2P4vMTeUMrR {
   align-items: center;
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5));
   display: flex;
   font-size: 12px;
   font-weight: 400;
   gap: 8px
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-info-status--RpKXMnoyDoAtMPBc {
   align-items: center;
   display: flex;
   gap: 2px;
   line-height: 1
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-info-status--RpKXMnoyDoAtMPBc+.plan-basic-info-period--vcYYnagxcRsGVIG_ {
   border-left: 1px solid var(--coz-stroke-primary, #52649a21);
   padding-left: 8px
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-info-status--RpKXMnoyDoAtMPBc .icon-icon {
   font-size: 14px
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-info-status--RpKXMnoyDoAtMPBc.status-valid--GtVvYThIUawErEA1 {
   color: var(--coz-fg-hglt-green, #00b23c)
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-info-status--RpKXMnoyDoAtMPBc.status-close--J0UIy2etQioI7_1C,
.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-info-status--RpKXMnoyDoAtMPBc.status-recycle--Nsds1jmIamwDckcc {
   color: var(--coz-fg-hglt-red, #e53241)
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-info-status--RpKXMnoyDoAtMPBc.status-shutdown--otK3YKnF9G8rj0Ud {
   color: var(--coz-fg-hglt-yellow, #ff7300)
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-info-period--vcYYnagxcRsGVIG_ {
   line-height: 1
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-points--bvfCaYRGGqM_fnUC {
   width: 100%
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-points--bvfCaYRGGqM_fnUC .points-remain--ZTMdmcBWTgErBX3A {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 24px;
   font-weight: 500;
   line-height: 1.2
}

.section-plan-basic--J745QWCdu4YpmOUD .plan-basic-points--bvfCaYRGGqM_fnUC .points-unit--kC0w9zZkXkLlWdso {
   color: var(--coz-fg-secondary, #2029459e);
   font-size: 12px;
   font-weight: 400;
   line-height: 1.2
}

.section-plan-basic--J745QWCdu4YpmOUD.plan-basic0--teCeql_RykMNrjGx {
   background: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bg-plan0.756bdc84.jpg) no-repeat 50% /cover
}

.section-plan-basic--J745QWCdu4YpmOUD.plan-basic100--Gwk9IVVYPyELloAZ,
.section-plan-basic--J745QWCdu4YpmOUD.plan-basic110--QAIsIto0ezYbRWFm {
   background: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bg-plan110.aec68f7e.jpg) no-repeat 50% /cover
}

.section-plan-basic--J745QWCdu4YpmOUD.plan-basic120--hXrAbmkufQ0SgWNZ {
   background: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bg-plan120.d957905e.jpg) no-repeat 50% /cover
}

.section-plan-basic--J745QWCdu4YpmOUD.plan-basic130--jDbXZSaKH0sZecop {
   background: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bg-plan130.fe85c302.jpg) no-repeat 50% /cover
}

.section-plan-topup--mYxmo8HX7wC1ECc9 {
   background: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bg-topup.f0484ab2.jpg) no-repeat 50% /cover;
   border: 1px solid var(--coz-stroke-primary, rgba(72, 73, 75, .13));
   border-radius: 8px;
   flex: 1 1;
   justify-content: space-between;
   padding: 20px
}

.section-plan-topup--mYxmo8HX7wC1ECc9 .plan-topup-type--OJE9i0ZaqNoEKu5t {
   align-items: center;
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   display: flex;
   font-size: 20px;
   font-weight: 500;
   justify-content: space-between;
   line-height: 1.2;
   width: 100%
}

.section-plan-topup--mYxmo8HX7wC1ECc9 .plan-topup-info--zzE7ZZawkwCZlH0s {
   align-items: center;
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5));
   display: flex;
   font-size: 12px;
   font-weight: 400;
   gap: 2px
}

.section-plan-topup--mYxmo8HX7wC1ECc9 .plan-topup-info-discount--R9QkDzocxX82duf7 {
   -webkit-text-fill-color: transparent;
   background: linear-gradient(90deg, #5147ff 5.02%, #a700fa 96.32%);
   -webkit-background-clip: text;
   background-clip: text
}

.section-resource--gAnGIAAcljMZJM44 {
   align-items: stretch;
   display: grid;
   gap: 8px;
   grid-auto-rows: 1fr;
   grid-template-columns: repeat(auto-fit, minmax(calc(50% - 8px), 1fr));
   width: 100%
}

.section-resource--gAnGIAAcljMZJM44 .resource-card--xVEGCLkN1dQo4kJx {
   align-items: flex-start;
   border: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1));
   border-radius: 8px;
   flex: 1 1;
   min-height: 144px;
   padding: 16px
}

.section-resource--gAnGIAAcljMZJM44 .resource-card-icon--_bjccOwWDFgPkDIK {
   height: 36px;
   width: 36px
}

.section-resource--gAnGIAAcljMZJM44 .resource-card-main--MEl8bBXZH2cKSW9o {
   align-items: flex-start;
   flex: 1 1;
   flex-direction: column;
   height: 100%;
   justify-content: space-between
}

.section-resource--gAnGIAAcljMZJM44 .resource-card--xVEGCLkN1dQo4kJx .card-title--ZJybIrTDw741PfbC {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 16px;
   font-weight: 500;
   line-height: 22px
}

.section-resource--gAnGIAAcljMZJM44 .resource-card--xVEGCLkN1dQo4kJx .card-reset--j8WaBMQB0osVj5jg {
   color: var(--coz-fg-dim, #303b5e78);
   font-size: 12px;
   font-weight: 400
}

.section-resource--gAnGIAAcljMZJM44 .resource-card--xVEGCLkN1dQo4kJx .card-amount--FH0QYgrKDM3ynYLe {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 32px;
   font-weight: 700;
   line-height: 1.2
}

.section-resource--gAnGIAAcljMZJM44 .resource-card--xVEGCLkN1dQo4kJx .card-unit--JY2fJKXnEJIOjVXz {
   color: var(--coz-fg-dim, rgba(48, 59, 94, .47));
   font-size: 12px;
   font-weight: 400;
   line-height: 1.2
}

.section-resource--gAnGIAAcljMZJM44 .resource-card--xVEGCLkN1dQo4kJx .card-hlist-item--YwZaIQ61zLA7WhqU {
   position: relative
}

.section-resource--gAnGIAAcljMZJM44 .resource-card--xVEGCLkN1dQo4kJx .card-hlist-item--YwZaIQ61zLA7WhqU+.card-hlist-item--YwZaIQ61zLA7WhqU:before {
   background: var(--coz-stroke-primary, #52649a21);
   content: "";
   height: 20px;
   left: -32px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 1px
}

.btn-link--stIxIrrQLHUkHj4u {
   align-items: center;
   color: var(--coz-fg-hglt, #5147ff);
   cursor: pointer;
   display: inline-flex;
   font-size: 14px;
   font-weight: 400;
   gap: 8px;
   margin-top: 10px
}

.btn-link--stIxIrrQLHUkHj4u .icon-icon {
   font-size: 16px
}

.modal--a8Pbdzp6G4d6qmY1 .semi-modal-footer {
   margin-top: 0
}

.discount-content--Cnk9gW5bZnsnLMkU {
   padding: 12px;
   width: 300px
}

.discount-content-title--XhZqewSsecRQGEIQ {
   color: var(--coz-fg-primary, rgba(6, 7, 9, .8));
   font-size: 14px;
   font-weight: 500;
   line-height: 20px
}

.discount-content--Cnk9gW5bZnsnLMkU .item--_sOUqhU8g0s8w4lg,
.discount-content-subtitle--ROeQUmpgasEbgKkt {
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5));
   font-size: 12px;
   font-weight: 400;
   line-height: 16px
}

.discount-content--Cnk9gW5bZnsnLMkU .item--_sOUqhU8g0s8w4lg {
   align-items: center;
   display: inline-flex;
   height: 32px;
   justify-content: space-between;
   width: 100%
}

.discount-content--Cnk9gW5bZnsnLMkU .item--_sOUqhU8g0s8w4lg:not(:last-child) {
   border-bottom: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1))
}

.topup--wjCZJplzPM79mFhV {
   width: 100%
}

.topup-header-title--vac4iozyDJQswWDl {
   color: #1c1d23;
   font-size: 16px;
   font-weight: 600;
   line-height: 20px
}

.topup-header-line--sCsDZOhbs3KkhFpk {
   background: rgba(29, 28, 35, .12);
   height: 10px;
   width: 1px
}

.topup-header-tips--x8BEdK3LTn0L8eWd {
   align-items: center;
   color: var(--coz-fg-hglt, #4e40e5);
   cursor: pointer;
   display: inline-flex;
   font-size: 14px;
   font-weight: 400;
   gap: 4px;
   line-height: 20px
}

.topup-footer--WZ6enIfVY60oS39X {
   justify-content: flex-end;
   margin-bottom: 8px;
   width: 100%
}

.topup--wjCZJplzPM79mFhV .card-list--JNKco0AGsAgFbAaq {
   display: grid;
   gap: 12px;
   grid-template-columns: repeat(2, 1fr);
   width: 100%
}

.topup--wjCZJplzPM79mFhV .card--rtKw8ZatPa0aLqdA {
   align-items: center;
   background: var(--coz-bg-max, #fff);
   border: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1));
   border-radius: 8px;
   cursor: pointer;
   display: flex;
   gap: 12px;
   padding: 30px 20px
}

.topup--wjCZJplzPM79mFhV .card--rtKw8ZatPa0aLqdA:hover {
   background: var(--coz-mg-secondary-hovered, rgba(6, 7, 9, .1))
}

.topup--wjCZJplzPM79mFhV .card--rtKw8ZatPa0aLqdA:active,
.topup--wjCZJplzPM79mFhV .card--rtKw8ZatPa0aLqdA:hover {
   border-color: var(--coz-stroke-primary, rgba(6, 7, 9, .1))
}

.topup--wjCZJplzPM79mFhV .card--rtKw8ZatPa0aLqdA:active {
   background: var(--coz-mg-secondary-pressed, rgba(6, 7, 9, .14))
}

.topup--wjCZJplzPM79mFhV .card--rtKw8ZatPa0aLqdA.is-active--jQ5JDlM9kcvdFJNc {
   background: var(--coz-bg-max, #fff);
   border: 2px solid var(--coz-stroke-hglt, #4e40e5)
}

.topup--wjCZJplzPM79mFhV .card-logo--OA_ZBfVPMxoYWQhF {
   border-radius: 8px;
   height: 80px;
   width: 80px
}

.topup--wjCZJplzPM79mFhV .card-main-title--y9aVLaAzsIkux4A0 {
   color: var(--coz-fg-primary, rgba(6, 7, 9, .8));
   font-size: 14px;
   font-weight: 500;
   line-height: 20px
}

.topup--wjCZJplzPM79mFhV .card-main-input--T1q0cQAuBp4MFwrV .semi-button {
   height: 32px;
   width: 32px
}

.topup--wjCZJplzPM79mFhV .card-main-amount--mCPYl2mTYs4vOawb {
   color: #000;
   font-size: 28px;
   font-weight: 700;
   line-height: 34px
}

.topup--wjCZJplzPM79mFhV .card-main-unit--pkM7MY3HxOYTNFqd {
   color: var(--coz-fg-dim, rgba(6, 7, 9, .3))
}

.topup--wjCZJplzPM79mFhV .card-main-price--AdzCexq61xEbauhk,
.topup--wjCZJplzPM79mFhV .card-main-unit--pkM7MY3HxOYTNFqd {
   font-size: 14px;
   font-weight: 500;
   line-height: 20px
}

.topup--wjCZJplzPM79mFhV .card-main-price--AdzCexq61xEbauhk {
   color: var(--coz-fg-primary, rgba(6, 7, 9, .8))
}

.topup--wjCZJplzPM79mFhV .card-main-discount--VqcNbBjJXLEnrohG {
   color: var(--coz-fg-dim, rgba(6, 7, 9, .3));
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   text-decoration: line-through
}

.topup--wjCZJplzPM79mFhV .card-main-discount-off--Z8poQVM_UsoZPipZ {
   background: rgba(199, 133, 0, .08);
   border: .5px solid #c78500;
   border-radius: 4px;
   color: #c78500;
   font-size: 12px;
   font-weight: 500;
   height: 20px;
   line-height: 14px;
   overflow: hidden;
   padding: 3px 6px
}

.topup--wjCZJplzPM79mFhV .card-skeleton--XcGTQ8d_LwH5lvS8 {
   flex: 1 1;
   height: 144px
}

.cancel--Ed9RCmKkP5DGQmsr {
   background: var(--coz-mg-hglt-yellow, rgba(255, 188, 133, .2));
   border-radius: 8px;
   padding: 12px;
   width: 100%
}

.cancel-title--f8KxUSt6uIglAIPb {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 14px;
   font-weight: 500;
   line-height: 20px
}

.cancel-desc--PFY1OK34LFg3j3Z0 {
   font-size: 12px;
   font-weight: 400;
   line-height: 16px
}

.manage--duaqIHkDqscTIAIm {
   width: 100%
}

.manage--duaqIHkDqscTIAIm .text-title--crUz32E9gnkSN0fS {
   font-size: 16px;
   line-height: 22px
}

.manage--duaqIHkDqscTIAIm .text-title--crUz32E9gnkSN0fS,
.manage--duaqIHkDqscTIAIm .text-title-large--qLcWN8RgIDMMRd8K {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-weight: 500
}

.manage--duaqIHkDqscTIAIm .text-title-large--qLcWN8RgIDMMRd8K {
   font-size: 20px;
   line-height: 24px
}

.manage--duaqIHkDqscTIAIm .text-title-extra-large--it7TKkpWa04vF8OG {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 28px;
   font-weight: 600;
   line-height: 34px
}

.manage--duaqIHkDqscTIAIm .text-small--z2fpTYKGwZgaMSFL {
   color: var(--coz-fg-dim, rgba(6, 7, 9, .3));
   font-size: 12px;
   font-weight: 500;
   line-height: 18px
}

.manage--duaqIHkDqscTIAIm .text-normal--iLVSD8tgS747h9A3 {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
}

.manage--duaqIHkDqscTIAIm .text-secondary--hDGfh1IuBR07u8Jg {
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5));
   font-size: 14px;
   font-weight: 500;
   line-height: 20px
}

.manage--duaqIHkDqscTIAIm .h-item--CLQIJ9gkPCg9x1fG {
   height: 48px;
   justify-content: space-between;
   width: 100%
}

.manage--duaqIHkDqscTIAIm .h-item--CLQIJ9gkPCg9x1fG .logo--XVKjnVtaZQYaY6vI {
   border-radius: 4px;
   height: 24px;
   width: 24px
}

.manage--duaqIHkDqscTIAIm .btn-secondary--CjqiAOgIDQANhnva.btn-secondary--CjqiAOgIDQANhnva {
   background-color: var(--coz-mg-primary, rgba(6, 7, 9, .04));
   color: var(--coz-fg-primary, rgba(6, 7, 9, .8));
   font-weight: 500
}

.manage--duaqIHkDqscTIAIm .btn-secondary--CjqiAOgIDQANhnva.btn-secondary--CjqiAOgIDQANhnva:hover {
   background-color: var(--coz-mg-primary-hovered)
}

.manage--duaqIHkDqscTIAIm .btn-secondary--CjqiAOgIDQANhnva.btn-secondary--CjqiAOgIDQANhnva:active {
   background-color: var(--coz-mg-primary-pressed)
}

.manage--duaqIHkDqscTIAIm .section--G9LYIYa9lOwsYR2s {
   border-bottom: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1));
   padding: 32px 0;
   width: 100%
}

.manage--duaqIHkDqscTIAIm .section--G9LYIYa9lOwsYR2s:last-child {
   border-bottom: none
}

.manage--duaqIHkDqscTIAIm .main--atltj8Xo8O0uwA5s {
   padding-top: 16px
}

.tag--Y3BTCdUTVsYMQfFT.tag--Y3BTCdUTVsYMQfFT {
   background: var(--coz-mg-hglt-hovered, rgba(157, 162, 250, .38));
   border-radius: 4px;
   color: var(--coz-fg-hglt, #4e40e5);
   font-size: 10px;
   height: auto;
   line-height: 14px;
   padding: 2px 6px
}

.balance-card--_TLx6P2fyh4aiYBE {
   border: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1));
   border-radius: 8px;
   flex: 1 1;
   padding: 20px
}

.balance-card-img--p9xLeCoVcQVHoPW1 {
   height: 20px;
   width: 20px
}

.balance-card-title--DFyQ7nxTxzIC8UgB {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 16px;
   font-weight: 500;
   line-height: 22px
}

.balance-card-desc--yVNjg6__mgcClZ_j {
   color: var(--coz-fg-dim, rgba(6, 7, 9, .3));
   font-size: 12px;
   font-weight: 500;
   line-height: 20px;
   min-height: 40px
}

.balance-card-amount--YfCdFKOsIpML1NqI .text-main--SRw6rg55HcEMMvtE {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 32px;
   font-weight: 700;
   line-height: 38px
}

.balance-card-amount--YfCdFKOsIpML1NqI .text-secondary--hDGfh1IuBR07u8Jg {
   color: var(--coz-fg-dim, rgba(6, 7, 9, .3));
   font-size: 12px;
   font-weight: 500;
   line-height: 18px
}

.balance-card-amount--YfCdFKOsIpML1NqI .text-link--pMU3UlCQnrIkfi_G {
   color: var(--coz-fg-hglt, #4e40e5);
   cursor: pointer;
   font-size: 12px;
   font-weight: 500;
   line-height: 20px
}

.balance-card--_TLx6P2fyh4aiYBE .progress--IMNP_fUGcj0tQXd8 {
   width: 100%
}

.balance-bonus--FqFZ51jQJUukUUZp {
   max-height: 400px;
   overflow: hidden auto;
   padding: 12px;
   width: 320px
}

.balance-bonus--FqFZ51jQJUukUUZp::-webkit-scrollbar {
   width: 4px
}

.balance-bonus--FqFZ51jQJUukUUZp::-webkit-scrollbar-thumb {
   background: var(--coz-fg-dim, rgba(6, 7, 9, .3));
   border-radius: 2px
}

.balance-bonus-title--kxoXLMrXcEQEZ17C {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   padding: 0 8px
}

.balance-bonus--FqFZ51jQJUukUUZp .bonus-item--N_d3MZnmytQ78seb {
   justify-content: space-between;
   padding: 12px 8px;
   width: 100%
}

.balance-bonus--FqFZ51jQJUukUUZp .bonus-item--N_d3MZnmytQ78seb+.bonus-item--N_d3MZnmytQ78seb {
   border-top: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1))
}

.balance-bonus--FqFZ51jQJUukUUZp .bonus-item--N_d3MZnmytQ78seb .text-main--SRw6rg55HcEMMvtE {
   color: var(--coz-fg-primary, rgba(6, 7, 9, .8));
   font-size: 14px;
   font-weight: 500;
   line-height: 22px
}

.balance-bonus--FqFZ51jQJUukUUZp .bonus-item--N_d3MZnmytQ78seb .text-secondary--hDGfh1IuBR07u8Jg {
   color: var(--coz-fg-dim, rgba(6, 7, 9, .3));
   font-size: 12px;
   font-weight: 500;
   line-height: 14px
}

.balance-bonus--FqFZ51jQJUukUUZp .bonus-item--N_d3MZnmytQ78seb .progress--IMNP_fUGcj0tQXd8 {
   width: 64px
}

.connect--_J3H26Wr8_YPxlqG {
   width: 100%
}

.connect--_J3H26Wr8_YPxlqG .semi-skeleton {
   width: 100%
}

.connect--_J3H26Wr8_YPxlqG .title--oaF0TA8xqPUr8IAM {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
}

.connect--_J3H26Wr8_YPxlqG .item--HxgQH0ugZbMc_g3I {
   border-bottom: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1));
   justify-content: space-between;
   padding: 20px 0;
   width: 100%
}

.connect--_J3H26Wr8_YPxlqG .item-text--F6U9ejyZdWgonQPC {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   line-height: 24px;
   max-width: 170px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.connect--_J3H26Wr8_YPxlqG .item-connector--gBciQ89K92QjFtEo .semi-avatar,
.connect--_J3H26Wr8_YPxlqG .item-connector--gBciQ89K92QjFtEo .semi-skeleton-avatar {
   flex-shrink: 0;
   height: 40px;
   width: 40px
}

.connect--_J3H26Wr8_YPxlqG .item-avatar--FivdpxMbcweFeR18 {
   border-radius: 50%;
   height: 20px;
   overflow: hidden;
   width: 20px
}

.connect--_J3H26Wr8_YPxlqG .item-connector--gBciQ89K92QjFtEo,
.connect--_J3H26Wr8_YPxlqG .item-link--Z9vP659ug07UjrGJ,
.connect--_J3H26Wr8_YPxlqG .item-user--EJsILIhWFIU2DNdP {
   flex: 1 1
}

.connect--_J3H26Wr8_YPxlqG .item-link--Z9vP659ug07UjrGJ {
   justify-content: flex-end
}

.connect--_J3H26Wr8_YPxlqG .item-link--Z9vP659ug07UjrGJ .semi-button-content-left {
   margin-right: 4px
}

.connect--_J3H26Wr8_YPxlqG .item-link--Z9vP659ug07UjrGJ .semi-typography {
   align-items: center;
   color: var(--coz-fg-hglt, #4e40e5);
   cursor: pointer;
   display: inline-flex;
   gap: 2px
}

.connect--_J3H26Wr8_YPxlqG .item-link--Z9vP659ug07UjrGJ .icon-icon {
   font-size: 12px;
   height: 12px;
   width: 12px
}

.connect--_J3H26Wr8_YPxlqG .item-link--Z9vP659ug07UjrGJ .semi-spin-wrapper {
   position: relative;
   top: 0;
   transform: none
}

.dropdown-menu--BZWmaKgYZh0KuUki .coz-list-item.coz-list-item.coz-list-item {
   padding-left: 16px
}

.modal--v2dXYxOwxXo0qhuz .semi-modal-body-wrapper {
   margin: 0
}

.modal--v2dXYxOwxXo0qhuz .semi-modal-body-wrapper .semi-modal-body {
   padding: 0
}

.modal--v2dXYxOwxXo0qhuz .semi-modal-content {
   background: var(--coz-bg-plus, #f9f9f9);
   padding: 0
}

.modal--v2dXYxOwxXo0qhuz .premium-plan-oversea {
   box-shadow: none
}

.premium-manage--yt8A3emjIi8edfec {
   align-items: flex-start;
   display: flex;
   height: calc(100vh - 144px);
   max-height: 800px;
   width: 100%
}

.sidebar--aJMEm04Vx2cMh3EM {
   background: var(--coz-bg-plus, #f9f9f9);
   border-right: .5px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1));
   flex-basis: 180px;
   height: 100%;
   padding: 20px 16px
}

.sidebar-header--lB7PMxavR0wH2Aks {
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   font-size: 16px;
   font-weight: 500;
   line-height: 22px
}

.sidebar-tabs--hb7UNQF7JCUidVmD {
   display: flex;
   flex-direction: column;
   gap: 6px;
   margin-top: 16px
}

.sidebar-tabs--hb7UNQF7JCUidVmD .tab-item--K3j8YTrlwMX1t1y4 {
   align-items: center;
   border-radius: 6px;
   color: var(--coz-fg-plus, rgba(6, 7, 9, .96));
   cursor: pointer;
   display: inline-flex;
   font-size: 14px;
   font-weight: 500;
   height: 32px;
   padding: 6px 8px;
   position: relative
}

.sidebar-tabs--hb7UNQF7JCUidVmD .tab-item--K3j8YTrlwMX1t1y4:hover {
   background: var(--coz-mg-secondary-hovered, rgba(6, 7, 9, .1))
}

.sidebar-tabs--hb7UNQF7JCUidVmD .tab-item--K3j8YTrlwMX1t1y4.is-active--SN4CcIKq0sfK62G5 {
   background: var(--coz-mg-primary)
}

.sidebar-tabs--hb7UNQF7JCUidVmD .tab-item--K3j8YTrlwMX1t1y4.is-warning--lq3JMC8sgQkBBqKd:after {
   background: var(--coz-mg-hglt-plus-red, #f23545);
   border-radius: 50%;
   box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .04), 0 4px 12px 0 rgba(0, 0, 0, .08);
   content: "";
   height: 8px;
   margin-left: 4px;
   width: 8px
}

.content--qG891cUCZk42075U::-webkit-scrollbar {
   width: 4px
}

.content--qG891cUCZk42075U::-webkit-scrollbar-thumb {
   background: var(--coz-fg-dim, rgba(6, 7, 9, .3));
   border-radius: 2px
}

.content-header--uYi3u8jfIfQKFVGt {
   color: var(--coz-fg-primary, rgba(6, 7, 9, .8));
   font-size: 16px;
   font-weight: 500;
   padding-bottom: 16px;
   padding-top: 32px
}

.coze-brand--lRHogI8Za1oQyd8B {
   display: flex;
   height: 32px
}

.coze-brand--lRHogI8Za1oQyd8B>svg {
   height: 100%;
   width: 100%
}

.notice--pcQT0jXj7S0GtwC_ {
   align-items: flex-start;
   border-bottom: 1px solid var(--coz-stroke-primary, #405a8f1a);
   display: flex;
   gap: 12px;
   justify-content: space-between;
   padding: 16px 8px 15px;
   width: 448px
}

.notice--pcQT0jXj7S0GtwC_ .content--oEoSAhcjd5UXwcGs {
   width: 400px
}

.notice--pcQT0jXj7S0GtwC_ .content--oEoSAhcjd5UXwcGs p {
   overflow: hidden;
   width: 100%
}

.notice--pcQT0jXj7S0GtwC_ .content--oEoSAhcjd5UXwcGs .content-sender-info--DjrOyN5LWW4pP3RX {
   align-items: center;
   color: var(--coz-fg-secondary, #06070980);
   display: flex;
   font-size: 14px;
   font-weight: 500;
   gap: 8px;
   justify-content: flex-start;
   line-height: 20px;
   margin-bottom: 6px;
   position: relative
}

.notice--pcQT0jXj7S0GtwC_ .content--oEoSAhcjd5UXwcGs .content-sender-info-time--zhpiVrpiP04i7RwY {
   color: var(--coz-fg-dim, #0607094d);
   font-weight: 400
}

.notice--pcQT0jXj7S0GtwC_ .content--oEoSAhcjd5UXwcGs .content-sender-info-arrow--VMBFACcIifsYVt70 {
   position: absolute;
   right: 0;
   top: 2px
}

.notice--pcQT0jXj7S0GtwC_ .content--oEoSAhcjd5UXwcGs .content-text--IH1QWwJ9LwkGi8TE {
   word-wrap: break-word
}

.notice--pcQT0jXj7S0GtwC_ .content--oEoSAhcjd5UXwcGs .content-text-tail--BktkOpMh7XQvzUMS {
   height: 1px;
   width: 100%
}

.notice-has-link--R0dm7zq3i1MTDhRx:hover {
   background: var(--coz-mg-secondary-hovered, #0607091a);
   border: none;
   border-radius: 8px
}

.notice-wrapper--Rrzp7nYtdcUcHzdK {
   display: flex;
   flex-direction: column;
   max-height: calc(100vh - 16px);
   padding: 12px
}

.notice-wrapper--Rrzp7nYtdcUcHzdK .operate-header--UOWljMxVYIYjdPcH {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   justify-content: space-between
}

.notice-wrapper--Rrzp7nYtdcUcHzdK .notice-list--g4UGxVeDGqsH9T_Y {
   flex-shrink: 1;
   height: 550px;
   margin-top: 12px;
   overflow-y: auto;
   width: 460px
}

.source-panel--FHhSptTRBgyU3nU2 {
   border-right: 1px solid var(--semi-color-border);
   padding-right: 24px
}

.selected-panel--VTJ6xKPr4sY28hmf,
.source-panel--FHhSptTRBgyU3nU2 {
   display: flex;
   flex-direction: column;
   width: 50%
}

.selected-panel--VTJ6xKPr4sY28hmf {
   padding-left: 24px
}

.transfer-filter--xfRmvNF7XU0hF90o {
   display: flex;
   height: 32px;
   justify-content: space-between;
   width: 100%
}

.transfer-filter--xfRmvNF7XU0hF90o .search-icon--K9g6PgaunAkoVPzP {
   margin-left: 16px;
   margin-right: 8px
}

.transfer-filter--xfRmvNF7XU0hF90o .search-icon--K9g6PgaunAkoVPzP>svg {
   height: 16px;
   width: 16px
}

.transfer-filter--xfRmvNF7XU0hF90o .search-icon--K9g6PgaunAkoVPzP>svg>path {
   fill: rgba(28, 29, 35, .35)
}

.transfer-filter--xfRmvNF7XU0hF90o .semi-input-wrapper {
   height: 32px
}

.panel-controls--hWdLIiip0MoW7Ylp {
   align-items: center;
   display: flex;
   height: 36px;
   line-height: 36px
}

.panel-controls-desc--moYwTWHjfy49UQ1E {
   color: var(--light-usage-text-color-text-2, rgba(28, 29, 35, .6))
}

.panel-controls-all--RwpnXZ7cuV4r0DkR {
   margin: 20px 0 0
}

.panel-list--O6Z7R7QaCrcAkFdv {
   display: flex;
   flex-direction: column;
   gap: 20px;
   height: 100%;
   margin: 16px 0 0;
   overflow: auto
}

.panel-list-illustration--B09XzWBkv85DG74G {
   height: 106px;
   width: 106px
}

.panel-list--O6Z7R7QaCrcAkFdv .semi-empty-vertical {
   height: 100%;
   justify-content: center
}

.panel-selected-list--Dae8BwwqohA_X3gW {
   gap: 12px;
   margin-left: 3px;
   margin-top: 11px
}

.selected-panel--VTJ6xKPr4sY28hmf .avatar--JmXVw2chYoIcanQr,
.source-panel--FHhSptTRBgyU3nU2 .avatar--JmXVw2chYoIcanQr {
   height: 24px;
   width: 24px
}

.selected-item--RUkf3nDC6ykQYn37 {
   align-items: center;
   display: flex;
   justify-content: space-between;
   width: 100%
}

.add-member-modal--yaGgVj5TiOoVAf2v .select-role-wrapper--gBzFwcCneI4cwBOB {
   align-items: center;
   background: var(--light-usage-border-color-border, rgba(28, 29, 35, .12));
   border-radius: 6px;
   color: var(--light-usage-text-color-text-2, rgba(28, 29, 35, .6));
   cursor: pointer;
   display: flex;
   font-size: 12px;
   font-style: normal;
   font-weight: 600;
   gap: 2px;
   height: 20px;
   line-height: 16px;
   padding: 2px 8px
}

.add-member-modal--yaGgVj5TiOoVAf2v .semi-modal-body {
   padding: 8px 0
}

.add-member-modal--yaGgVj5TiOoVAf2v .semi-checkbox {
   align-items: center;
   color: var(--color-border-2, #000);
   display: flex;
   font-size: 14px;
   font-style: normal;
   font-weight: 400
}

.add-member-modal--yaGgVj5TiOoVAf2v .semi-transfer-custom-panel {
   height: 100%
}

.add-member-modal--yaGgVj5TiOoVAf2v .semi-transfer {
   background: transparent
}

.add-member-modal--yaGgVj5TiOoVAf2v .semi-modal-content {
   padding: 0 30px
}

.delete-team-modal--EMbO7wLkVOkrlait .semi-banner {
   border-radius: 8px
}

.delete-team-modal--EMbO7wLkVOkrlait .semi-modal-footer button {
   width: 96px
}

.transfer-space-modal--Ru4VxFPI29gi2_EF .semi-modal-footer {
   margin-top: 32px
}

.transfer-space-modal--Ru4VxFPI29gi2_EF .semi-modal-footer .semi-button {
   margin-left: 16px;
   width: 96px
}

.team-invite--F6S0DP46bsQu3Xmn {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   padding-bottom: 32px;
   width: 100%
}

.team-invite--F6S0DP46bsQu3Xmn .between--rAVuSCKsrpM143CZ {
   align-items: center;
   display: flex;
   justify-content: space-between;
   margin-bottom: 8px
}

.team-invite--F6S0DP46bsQu3Xmn .between--rAVuSCKsrpM143CZ>div {
   font-weight: 600;
   line-height: 22px
}

.team-invite--F6S0DP46bsQu3Xmn .description--pzCVF8LhO4sixcnw {
   color: rgba(29, 28, 35, .8);
   font-size: 14px;
   line-height: 20px
}

.team-invite--F6S0DP46bsQu3Xmn .link-wrapper--EOKuziZok10KpyXr {
   align-items: center;
   border: 1px solid rgba(29, 28, 35, .08);
   border-radius: 8px;
   display: flex;
   margin-top: 24px;
   padding: 16px;
   width: 100%
}

.team-invite--F6S0DP46bsQu3Xmn .link-wrapper--EOKuziZok10KpyXr .link-content--GUrvwqrTIM5UaMPZ {
   flex: 1 1;
   flex-direction: column;
   width: calc(100% - 116px)
}

.team-invite--F6S0DP46bsQu3Xmn .link-wrapper--EOKuziZok10KpyXr .link-content--GUrvwqrTIM5UaMPZ .link--E56t2dzuqNcE3eQb {
   color: rgba(29, 28, 35, .8);
   line-height: 22px
}

.team-invite--F6S0DP46bsQu3Xmn .link-wrapper--EOKuziZok10KpyXr>button {
   flex-shrink: 0;
   margin-left: 20px;
   padding: 6px 12px
}

.profile-modal--qxNBP0Kah6ISayzz .profile-left--BjhlQ6yeQ00dAO1H {
   min-width: 200px;
   padding: 0 8px;
   position: relative
}

.profile-modal--qxNBP0Kah6ISayzz .profile-left--BjhlQ6yeQ00dAO1H .semi-tabs-tab-button.semi-tabs-tab {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 20px;
   padding: 8px
}

.profile-modal--qxNBP0Kah6ISayzz .profile-left--BjhlQ6yeQ00dAO1H .semi-tabs-tab-button.semi-tabs-tab-active,
.profile-modal--qxNBP0Kah6ISayzz .profile-left--BjhlQ6yeQ00dAO1H .semi-tabs-tab-button:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.profile-modal--qxNBP0Kah6ISayzz .profile-left--BjhlQ6yeQ00dAO1H .semi-tabs-tab:focus {
   outline: none
}

.profile-modal--qxNBP0Kah6ISayzz .profile-left--BjhlQ6yeQ00dAO1H .semi-tabs-bar-left {
   width: 184px
}

.profile-modal--qxNBP0Kah6ISayzz .profile-left--BjhlQ6yeQ00dAO1H .semi-tabs-tab-button.semi-tabs-tab-disabled {
   background-color: transparent;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   cursor: default
}

.profile-modal--qxNBP0Kah6ISayzz .profile-left--BjhlQ6yeQ00dAO1H .semi-tabs-bar-button.semi-tabs-bar-left .semi-tabs-tab:not(:last-of-type) {
   margin-bottom: 6px
}

.profile-modal--qxNBP0Kah6ISayzz .profile-left--BjhlQ6yeQ00dAO1H .semi-tabs-tab:last-child:before {
   content: none
}

.profile-modal--qxNBP0Kah6ISayzz .divider--pXQGMkscaM8saOxR {
   border-right: 1px solid var(--coz-stroke-primary);
   bottom: 0;
   height: 600px;
   left: 200px;
   position: absolute;
   top: 0
}

.profile-modal--qxNBP0Kah6ISayzz .text-20--zN9NcYmQMTkHw3pW {
   font-size: 20px;
   line-height: 28px
}

.profile-modal--qxNBP0Kah6ISayzz .text-16--UmBXgkLDQMg7JkKe,
.profile-modal--qxNBP0Kah6ISayzz .text-20--zN9NcYmQMTkHw3pW {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-weight: 500
}

.profile-modal--qxNBP0Kah6ISayzz .text-16--UmBXgkLDQMg7JkKe {
   font-size: 16px;
   line-height: 22px
}

.profile-modal--qxNBP0Kah6ISayzz .profile-right--iciH1GCUi2Yl3LYR {
   overflow-y: auto;
   padding: 0 8px
}

.profile-modal--qxNBP0Kah6ISayzz .profile-right--iciH1GCUi2Yl3LYR .title--BHROwLo6NXMqAd6J {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-size: 20px;
   font-weight: 500 !important;
   line-height: 40px;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   width: 100%;
   z-index: 1
}

.profile-modal--qxNBP0Kah6ISayzz .container--xSMqp38C8PEOsKUq {
   height: calc(100% - 86px);
   width: 100%
}

.profile-modal--qxNBP0Kah6ISayzz .semi-modal .semi-modal-content {
   max-height: 600px;
   padding-left: 0;
   padding-top: 0
}

.profile-modal--qxNBP0Kah6ISayzz .semi-modal .semi-modal-content .semi-modal-body {
   padding-top: 0
}

.profile-modal--qxNBP0Kah6ISayzz .semi-modal-close {
   background-color: rgba(var(--coze-bg-2), 1);
   position: absolute;
   right: 24px;
   z-index: 2
}

@media screen and (min-height:760px) {
   .profile-modal--qxNBP0Kah6ISayzz .semi-modal {
      height: 600px
   }

   .profile-modal--qxNBP0Kah6ISayzz .profile-right--iciH1GCUi2Yl3LYR {
      height: 574px
   }
}

@media screen and (max-height:759px) {
   .profile-modal--qxNBP0Kah6ISayzz .semi-modal {
      height: calc(100vh - 160px)
   }

   .profile-modal--qxNBP0Kah6ISayzz .profile-right--iciH1GCUi2Yl3LYR {
      height: 448px
   }
}

.content-check-error--OkRRG9N6XRAjyr3J {
   color: red;
   margin-top: -20px
}

.user-info--J52u8DEB4M8FtoGi {
   height: 210px;
   justify-content: space-between;
   padding-top: 50px;
   width: 920px;
   z-index: 2
}

.user-info--J52u8DEB4M8FtoGi .nick-name--BAbWotKYOFEOhdZG {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-size: 28px;
   font-weight: 500;
   line-height: 36px
}

.user-info--J52u8DEB4M8FtoGi .user-name--mDJNjF75woXWA11T {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: 14px;
   font-weight: 400;
   line-height: 20px
}

.user-info--J52u8DEB4M8FtoGi .status--AJA87W_g5rcNdVrR {
   color: rgba(var(--coze-yellow-5), 1)
}

.user-info--J52u8DEB4M8FtoGi .brief--WblVdhh5M8nOBaX0 {
   width: 520px
}

.user-info--J52u8DEB4M8FtoGi .avatar--GHvi7wXXrRgw9W2H {
   cursor: default;
   height: 120px;
   width: 120px
}

.user-info--J52u8DEB4M8FtoGi.is-sticky--CKMf2xplZEfNEDJO {
   padding-bottom: 22px;
   padding-top: 140px;
   position: absolute;
   top: -120px;
   z-index: 2
}

.user-info--J52u8DEB4M8FtoGi.is-sticky--CKMf2xplZEfNEDJO .avatar--GHvi7wXXrRgw9W2H {
   height: 48px;
   width: 48px
}

.user-info--J52u8DEB4M8FtoGi.is-sticky--CKMf2xplZEfNEDJO .nick-name--BAbWotKYOFEOhdZG {
   font-size: 14px;
   line-height: 20px
}

.user-info--J52u8DEB4M8FtoGi.is-sticky--CKMf2xplZEfNEDJO.is-visitor--qXO6qQC2FyY68ck9 {
   top: -64px
}

.user-info--J52u8DEB4M8FtoGi.screen-xl1-5--gPQpAxqMPJQYyXdo {
   width: 1340px
}

.delete-account-modal--kZ0eeV0glk2evGRm .semi-modal-content {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.delete-account-modal--kZ0eeV0glk2evGRm .semi-modal-body>span {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.add-qrcode--fSGIaDcJgN0Tc2A0 {
   box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08), 0 8px 24px 0 rgba(0, 0, 0, .04)
}

@keyframes spin--FIb9PAp09s7BT8U_ {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(1turn)
   }
}

.animate-spin--P8QTvtDQGIQsfUVy {
   animation: spin--FIb9PAp09s7BT8U_ .6s linear infinite
}

.hide-scrollbar--FeFyyhsJVNsO14WV::-webkit-scrollbar {
   height: 0;
   width: 0
}

.hide-scrollbar--FeFyyhsJVNsO14WV {
   -ms-overflow-style: none;
   scrollbar-width: none
}

.ctn--Hlt_KPFjc4Lomd8W {
   background-color: var(--coz-fg-white, #fff);
   border: 1.5px solid var(--coz-fg-white, #fff);
   border-radius: 50%;
   bottom: -1px;
   box-sizing: content-box;
   cursor: pointer;
   font-size: 12px;
   height: 12px;
   position: absolute;
   right: -1px;
   width: 12px
}

.ctn--Hlt_KPFjc4Lomd8W.loading--qyof2PE_38Tx3dyO {
   background-color: var(--coz-mg-hglt-plus-green, #00b83e);
   font-size: 8px;
   height: 8px;
   padding: 2px;
   width: 8px
}

.ctn--Hlt_KPFjc4Lomd8W .icon--oOytrM5O5gInqNpU {
   position: relative;
   top: -1px
}

.ctn--Hlt_KPFjc4Lomd8W .icon--oOytrM5O5gInqNpU.icon-generating--RvIkxXzd8k05GkMJ {
   color: var(--coz-fg-white, #fff)
}

.ctn--Hlt_KPFjc4Lomd8W .icon--oOytrM5O5gInqNpU.icon-success--huY5n_iL4Ko4xn6_ {
   color: var(--coz-mg-color-plus-emerald, #00b83e)
}

.ctn--Hlt_KPFjc4Lomd8W .icon--oOytrM5O5gInqNpU.icon-fail--rLdwMDtOvDspAuyn {
   color: var(--coz-mg-color-plus-orange, #ff811a)
}

.ctn--Hlt_KPFjc4Lomd8W .icon-icon-coz_loading.icon-icon-loading {
   animation: semi-animation-rotate .6s linear infinite;
   animation-fill-mode: forwards
}

.ctn--yEmPxognrJoNb6gY {
   display: flex;
   flex-wrap: nowrap;
   gap: 7px;
   justify-content: center
}

.ctn--yEmPxognrJoNb6gY .image-item--ImZpXvqWgOibZdIy {
   border-radius: 8px;
   cursor: pointer;
   height: 60px;
   position: relative;
   width: 60px
}

.ctn--yEmPxognrJoNb6gY .image-item--ImZpXvqWgOibZdIy img {
   border: 1.5px solid transparent;
   border-radius: 8px;
   height: 100%;
   object-fit: cover;
   width: 100%
}

.ctn--yEmPxognrJoNb6gY .image-item--ImZpXvqWgOibZdIy img.selected--iVnKmBtPayQhO5Tw {
   border: 1.5px solid var(--coz-stroke-hglt, #4e40e5)
}

.ctn--yEmPxognrJoNb6gY .image-item--ImZpXvqWgOibZdIy .delete-icon--WTIjOQix5XsbaFHi {
   color: var(--coz-fg-hglt-red, #f54a45);
   display: none;
   font-size: 16px;
   position: absolute;
   right: -4px;
   top: -4px
}

.ctn--yEmPxognrJoNb6gY .image-item--ImZpXvqWgOibZdIy:hover .delete-icon--WTIjOQix5XsbaFHi {
   display: block
}

.ctn--yEmPxognrJoNb6gY .image-item--ImZpXvqWgOibZdIy .check-icon--bg81hMQtHlkOZPll {
   align-items: center;
   background-color: var(--coz-mg-hglt-plus, #4e40e5);
   border-radius: 4px;
   bottom: 4px;
   display: flex;
   height: 16px;
   justify-content: center;
   position: absolute;
   right: 4px;
   width: 16px
}

.ctn--yEmPxognrJoNb6gY .image-item--ImZpXvqWgOibZdIy .check-icon--bg81hMQtHlkOZPll svg {
   color: #fff;
   font-size: 12px
}

.btn--rQ2YR0HrIwC49RJu {
   font-size: 14px;
   line-height: 20px;
   min-width: 80px
}

.btn--rQ2YR0HrIwC49RJu.grey--tXWmSyqv6AbWivuC {
   background: linear-gradient(90deg, rgba(var(--coze-brand-1), var(--coze-brand-1-alpha)) 0, rgba(var(--coze-purple-1), var(--coze-purple-1-alpha)) 100%) !important
}

.btn--rQ2YR0HrIwC49RJu.grey--tXWmSyqv6AbWivuC .coz-ai-button-icon {
   color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha)) !important
}

.btn--rQ2YR0HrIwC49RJu.grey--tXWmSyqv6AbWivuC .coz-ai-button-text {
   -webkit-text-fill-color: transparent !important;
   background: linear-gradient(90deg, rgba(var(--coze-brand-3), var(--coze-brand-3-alpha)) 0, rgba(var(--coze-purple-3), var(--coze-purple-3-alpha)) 100%) !important;
   -webkit-background-clip: text !important;
   background-clip: text !important
}

.btn--rQ2YR0HrIwC49RJu .generate-icon--UngqHgMSE2s4BJBF {
   margin-right: 8px;
   position: relative;
   top: 2px
}

.btn--rQ2YR0HrIwC49RJu .icon-icon-coz_loading {
   position: relative;
   top: 1px
}

.limit-count--aQJ4pxK6pG0ECazC {
   color: rgba(29, 28, 35, .6);
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 16px;
   overflow: hidden;
   padding-left: 8px;
   padding-right: 12px
}

.bot-breadcrumb--WGxAqsxKrP8gkoc3 {
   align-items: center;
   display: flex
}

.bot-breadcrumb--WGxAqsxKrP8gkoc3 .semi-breadcrumb-separator,
.bot-breadcrumb--WGxAqsxKrP8gkoc3 .semi-typography {
   font-size: 14px !important;
   font-style: normal;
   font-weight: 400;
   line-height: 20px !important
}

.bot-breadcrumb--WGxAqsxKrP8gkoc3 .semi-breadcrumb-item-wrap {
   margin: 0;
   margin-right: 8px
}

.bot-breadcrumb--WGxAqsxKrP8gkoc3 .semi-breadcrumb-item-wrap:first-child {
   margin-left: 4px
}

.bot-breadcrumb--WGxAqsxKrP8gkoc3 .semi-breadcrumb-item-wrap .semi-breadcrumb-separator {
   color: var(--light-usage-text-color-text-3, rgba(29, 28, 35, .35))
}

.bot-breadcrumb--WGxAqsxKrP8gkoc3 .semi-breadcrumb-item-wrap .semi-breadcrumb-wrapper-loose {
   line-height: 20px
}

.bot-breadcrumb--WGxAqsxKrP8gkoc3 .semi-breadcrumb-item-wrap .semi-breadcrumb-item {
   color: var(--light-usage-text-color-text-3, rgba(29, 28, 35, .35));
   margin-right: 8px
}

.bot-breadcrumb--WGxAqsxKrP8gkoc3 .semi-breadcrumb-item-wrap .semi-breadcrumb-item-active {
   color: var(--light-color-black-black, #1d1c23cc)
}

.bot-breadcrumb--WGxAqsxKrP8gkoc3 .semi-breadcrumb-item-wrap .semi-breadcrumb-item-active .semi-typography {
   font-weight: 600
}

.bread-title--X4lHmPltkszrIW1f:hover {
   color: var(--light-color-black-black, #1d1c23cc) !important
}

.bot-info-item--PRbaQzKqcokrSfbl {
   align-items: center;
   display: flex
}

.bot-info-item--PRbaQzKqcokrSfbl .bot-name--ug06z5HzPuYEA5eq {
   color: #1c1f23;
   font-size: 18px !important;
   font-style: normal;
   font-weight: 600;
   line-height: 30px;
   max-width: calc(100vw - 900px) !important
}

.bot-avatar--eXM6RfFF5VkhxyN2 {
   margin-right: 6px
}

.unpublished--oSMpIwmicgL5hC4A {
   color: rgba(28, 31, 35, .6);
   font-size: 12px;
   font-weight: 400;
   line-height: 18px
}

.tip-content--GLtXCZ2caX4F_c3_ {
   color: var(--light-color-grey-grey-8, #2e3238);
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 18px;
   width: 180px
}

.tip-content--GLtXCZ2caX4F_c3_ li {
   list-style-type: disc
}

.markdown--uBzYDigWd8kB8zex p {
   margin: 4px 0
}

.select--tuE3snuyrpQHPyu9 {
   width: 100%
}

.select--tuE3snuyrpQHPyu9 .select-name--EjOq2ph3h0sdALit {
   font-weight: 600;
   margin-left: 6px
}

.select-item-icon--VbeZxdf0JURlhU05 svg {
   height: 24px;
   width: 24px
}

.select-item-name--xzdtgVCuCcQv3Wpt {
   font-weight: 600;
   margin-left: 12px;
   margin-right: 16px
}

.popover-content--rpneUJThaMkLiUxv {
   box-sizing: border-box;
   max-width: 400px;
   overflow: hidden
}

.popover-card-title--Fk8MqX2c0r4ot99j {
   word-wrap: break-word;
   color: #1c1d24;
   font-size: 16px;
   font-weight: 600;
   line-height: 22px;
   margin-bottom: 24px
}

.popover-card-img--cSYTpltXTsMFz_R0 {
   border: 1px solid #e5e5e5;
   border-radius: 8px;
   max-width: 360px
}

.popover-card-img--cSYTpltXTsMFz_R0 img {
   height: 100%;
   width: 100%
}

.popover-card-icon--oDJjOWcspg5uKOej {
   color: rgba(29, 28, 35, .35)
}

.link-list--_1vj8TxGpaoZDbPZ {
   align-items: center;
   display: flex;
   flex-shrink: 0
}

.link-list--_1vj8TxGpaoZDbPZ .link-list-item--RBdI7ZLI7qcLPrJi {
   color: hsla(0, 0%, 100%, .6);
   font-size: 14px;
   line-height: 22px;
   padding: 0 18px
}

.link-list--_1vj8TxGpaoZDbPZ .link-list-item--RBdI7ZLI7qcLPrJi,
.link-list--_1vj8TxGpaoZDbPZ .link-list-item--RBdI7ZLI7qcLPrJi .click-area--LS_XWd8QDo2JGZf7 {
   align-items: center;
   display: flex
}

.link-list--_1vj8TxGpaoZDbPZ .link-list-item--RBdI7ZLI7qcLPrJi .click-area--LS_XWd8QDo2JGZf7.pointer--kLkypO4Zz5wER63o {
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.link-list--_1vj8TxGpaoZDbPZ .link-list-item--RBdI7ZLI7qcLPrJi .click-area--LS_XWd8QDo2JGZf7.pointer--kLkypO4Zz5wER63o:active,
.link-list--_1vj8TxGpaoZDbPZ .link-list-item--RBdI7ZLI7qcLPrJi .click-area--LS_XWd8QDo2JGZf7.pointer--kLkypO4Zz5wER63o:hover {
   color: #fff
}

.container--U_GTkG9oTsph_x2s {
   flex-shrink: 0;
   height: 18px;
   max-width: 100%
}

.container--U_GTkG9oTsph_x2s .avatar--rkyXQZutaIRhrHBO {
   border-radius: 0;
   border-radius: 12px;
   overflow: hidden
}

.container--U_GTkG9oTsph_x2s .avatar--rkyXQZutaIRhrHBO img {
   vertical-align: top
}

.container--U_GTkG9oTsph_x2s .label-icon--RFWOROKdJgWL_H9c {
   border-radius: 0;
   cursor: pointer;
   height: 12px;
   width: 12px
}

.container--U_GTkG9oTsph_x2s .txt--vsnbbFNoLhEkR7e4 {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
   flex: 1 1;
   font-size: 12px;
   font-weight: 400;
   line-height: 18px
}

.container--U_GTkG9oTsph_x2s .txt--vsnbbFNoLhEkR7e4.name--rm_hbL8bKLQSDcPE {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.container--U_GTkG9oTsph_x2s.light--XtT3iDFJmcXqR4nz .txt--vsnbbFNoLhEkR7e4 {
   color: hsla(0, 0%, 100%, .39)
}

.container--U_GTkG9oTsph_x2s.light--XtT3iDFJmcXqR4nz .txt--vsnbbFNoLhEkR7e4.name--rm_hbL8bKLQSDcPE {
   color: hsla(0, 0%, 100%, .79)
}

.container--U_GTkG9oTsph_x2s.white--wP200gxEqQwIHQQC .txt--vsnbbFNoLhEkR7e4,
.container--U_GTkG9oTsph_x2s.white--wP200gxEqQwIHQQC .txt--vsnbbFNoLhEkR7e4.name--rm_hbL8bKLQSDcPE {
   color: #fff
}

.container--U_GTkG9oTsph_x2s.middle--Rkg5PxKNZBI90Btz {
   height: 20px
}

.container--U_GTkG9oTsph_x2s.middle--Rkg5PxKNZBI90Btz .txt--vsnbbFNoLhEkR7e4 {
   font-size: 14px;
   line-height: 20px
}

.container--U_GTkG9oTsph_x2s.middle--Rkg5PxKNZBI90Btz .txt--vsnbbFNoLhEkR7e4.username--fCrb9nRo4YhmZG7w {
   margin-left: 4px
}

.container--U_GTkG9oTsph_x2s.large--lL3qHaWx0GD7jsZ6 {
   height: 20px
}

.container--U_GTkG9oTsph_x2s.large--lL3qHaWx0GD7jsZ6 .label-icon--RFWOROKdJgWL_H9c {
   height: 14px;
   width: 14px
}

.container--U_GTkG9oTsph_x2s.large--lL3qHaWx0GD7jsZ6 .txt--vsnbbFNoLhEkR7e4 {
   font-size: 14px
}

.item--TUxh6uCpXIeMj7A_ {
   align-items: center;
   border-radius: 8px;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   display: flex;
   font-size: 14px;
   font-weight: 500;
   height: 32px;
   justify-content: center;
   min-height: 32px;
   padding: 6px 14px
}

.active--sJZm9eRogrI_2PUR,
.item--TUxh6uCpXIeMj7A_:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.item-link--BX3L6HoRO0YGZ_Lo {
   margin-bottom: 0;
   text-decoration: none
}

.tag-container--O0efXHyUasQKnAnZ {
   align-items: center;
   display: flex;
   gap: var(--coze-4)
}

.tag-container--O0efXHyUasQKnAnZ .label--ezIe7tAUKbctJop6 {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: var(--coze-14);
   font-weight: 600;
   padding-left: var(--coze-4);
   padding-right: var(--coze-4)
}

.tag-container--O0efXHyUasQKnAnZ .tag--pTV8UC7ycS_KH4EK {
   border-radius: var(--coze-4);
   padding: 1px 6px
}

.tag-container--O0efXHyUasQKnAnZ.active--sJZm9eRogrI_2PUR .label--ezIe7tAUKbctJop6 {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.topBar--HoU1921CCREyoEcd {
   display: flex;
   flex-direction: column;
   width: 100%
}

.topBar--HoU1921CCREyoEcd .des--DPFiwHwWyOMZQtG9 {
   align-items: center;
   display: flex;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   margin: 0
}

.topBar--HoU1921CCREyoEcd .tabs--PA_JVD8q_RQatYSO {
   text-align: left;
   width: 100%
}

.topBar--HoU1921CCREyoEcd .name--CYigtfiVhocUt9Dl {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-size: 20px;
   font-style: normal;
   font-weight: 500;
   height: 28px;
   line-height: 28px;
   max-width: calc(100% - 28px);
   word-break: break-word
}

.topBar--HoU1921CCREyoEcd .split--ojTErgEDy9IqQpx2 {
   background-color: var(--coz-stroke-primary);
   border-bottom: none;
   height: 20px;
   margin: 0 4px;
   width: 1px
}

.carousel-item--vlgWs9MMcQ0mDBHn {
   flex: 0 0 auto
}

.carousel--LVkLvjsjc1wB5Klt {
   position: relative
}

.carousel--LVkLvjsjc1wB5Klt .arrow-container--DGjSwNiTONgtPmA2:before {
   content: "";
   height: 100%;
   position: absolute;
   top: 0;
   width: 52px;
   z-index: 1
}

.carousel--LVkLvjsjc1wB5Klt .arrow-container--DGjSwNiTONgtPmA2.left--xtra7l65CaUf0VQ1:before {
   background: linear-gradient(90deg, var(--coz-bg-max) 7.46%, hsla(0, 0%, 100%, 0) 100%);
   left: 0
}

.carousel--LVkLvjsjc1wB5Klt .arrow-container--DGjSwNiTONgtPmA2.right--ICPHSi738sYGCxnw:before {
   background: linear-gradient(270deg, var(--coz-bg-max) 7.46%, hsla(0, 0%, 100%, 0) 100%);
   right: 0
}

.carousel--LVkLvjsjc1wB5Klt .arrow--SX5fSO_IX4JwHv2R {
   align-items: center;
   background: var(--coz-mg-primary);
   border-radius: 2px;
   box-shadow: 0 2px 16px 0 #0000001a;
   cursor: pointer;
   display: flex;
   flex-shrink: 0;
   font-size: 20px;
   height: 20px;
   justify-content: center;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 20px;
   z-index: 999
}

.carousel--LVkLvjsjc1wB5Klt .arrow--SX5fSO_IX4JwHv2R svg {
   height: 16px;
   width: 16px
}

.carousel--LVkLvjsjc1wB5Klt .arrow--SX5fSO_IX4JwHv2R.no-border--EQv9qNpZtcQlPiwx {
   background: transparent;
   border: none;
   box-shadow: none
}

.carousel--LVkLvjsjc1wB5Klt .left-arrow--UJPdICBJs4AHflbj {
   left: 0
}

.carousel--LVkLvjsjc1wB5Klt .right-arrow--nKpkDIWPB7YwHCTk {
   right: 0
}

.carousel-content--HcPJoKQ3ZlEDIuUz {
   flex: 1 0 auto;
   overflow: auto
}

.carousel-content--HcPJoKQ3ZlEDIuUz::-webkit-scrollbar {
   display: none
}

.carousel-row--YLffvtyfl4sXOlKw {
   display: flex;
   flex-wrap: nowrap
}

.segment-tab--L8xx3z_MIa8A60PB .semi-radio-content {
   white-space: nowrap
}

.item--kt5xQUMI7cxDkUkH {
   color: #1d1c23;
   display: flex;
   font-size: 14px
}

.itemTitle--UH6vTJpMQfjCik99 {
   flex: 1 1
}

.itemContent--ad4jFLgePsAPrxZG,
.itemTitle--UH6vTJpMQfjCik99 {
   align-items: center;
   display: flex
}

.close--Y_efbiwDF6kaI8l9 {
   cursor: pointer;
   position: absolute;
   right: 24px;
   top: 24px
}

.search-icon--tRdQ4Ljajw9hWVP8 {
   cursor: pointer
}

.handle--aGH6fXllO2I9tCcg {
   background-color: var(--coz-stroke-primary);
   width: 1px
}

.handle-moving--VHxpWfd4xUwQFlKO,
.hot-zone--eFRkwBEE8pkjQl0Y:hover .handle--aGH6fXllO2I9tCcg {
   background-color: var(--coz-stroke-hglt);
   width: 4px
}

.input-slider--AROPvVR1CgozOHm_ {
   align-items: center;
   align-items: flex-start;
   column-gap: 8px;
   display: flex
}

.input-slider--AROPvVR1CgozOHm_ .semi-slider {
   flex: 1 1
}

.input-slider--AROPvVR1CgozOHm_ .slider--lrXeK3dyI8iifro3 {
   width: 100%
}

.input-slider--AROPvVR1CgozOHm_ .input-number--OVDlniFV1hMCp_hZ {
   width: 120px
}

.button-ctn--nodiOh2MH7QfVLa2 {
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   margin-left: 16px
}

.button-ctn--nodiOh2MH7QfVLa2 .generate-icon--xKzSkxLH5w0VPGQE {
   margin-right: 4px;
   position: relative;
   top: 2px
}

.plugin-limit-table--dHPMzLad50GNCjAB .semi-table-thead>.semi-table-row>.semi-table-row-head {
   background-color: transparent;
   height: 16px;
   padding: 4px 8px
}

.plugin-limit-table--dHPMzLad50GNCjAB .semi-table-row {
   background-color: transparent !important
}

.plugin-limit-table--dHPMzLad50GNCjAB .semi-table-tbody .semi-table-row .semi-table-row-cell {
   padding: 8px !important
}

.ctn--Zfvtpv46tog9dAKw {
   font-size: 14px;
   height: 108px;
   line-height: 20px;
   position: relative
}

.ctn--Zfvtpv46tog9dAKw .semi-input-textarea-wrapper {
   background-color: transparent !important;
   border: none;
   padding: 0
}

.ctn--Zfvtpv46tog9dAKw .semi-input-textarea-wrapper .semi-input-textarea {
   font-size: 14px;
   height: 108px;
   line-height: 20px;
   padding: 0
}

.ctn--Zfvtpv46tog9dAKw .semi-input-textarea-wrapper .semi-input-textarea::-webkit-scrollbar {
   display: none
}

.ctn--Zfvtpv46tog9dAKw .generate-btn--tlxrVnGBLgfScjol {
   bottom: 0;
   display: flex;
   position: absolute;
   right: 0
}

.ctn--Zfvtpv46tog9dAKw .default-text--FAfDoarkw28Q11oR {
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5));
   height: 108px
}

.ctn--DZonECV8cxgO7G7H .auto-generate-modal-content--oQnXnLywTzAGzc4A .img-ctn--aT56NUpJ7IZX7ege {
   margin: 32px 0;
   text-align: center
}

.ctn--DZonECV8cxgO7G7H .auto-generate-modal-content--oQnXnLywTzAGzc4A .img-ctn--aT56NUpJ7IZX7ege .empty-img--A7aU12CHR7sZdoqU,
.ctn--DZonECV8cxgO7G7H .auto-generate-modal-content--oQnXnLywTzAGzc4A .img-ctn--aT56NUpJ7IZX7ege img {
   border-radius: 8px;
   height: 168px;
   object-fit: cover;
   width: 168px
}

.ctn--DZonECV8cxgO7G7H .auto-generate-modal-content--oQnXnLywTzAGzc4A .img-ctn--aT56NUpJ7IZX7ege .empty-img--A7aU12CHR7sZdoqU {
   align-items: center;
   background: var(--coz-mg-primary, rgba(6, 7, 9, .04));
   color: var(--coz-fg-secondary, rgba(6, 7, 9, .5));
   display: inline-flex;
   flex-direction: column;
   justify-content: center;
   padding: 0 16px;
   word-break: break-all
}

.ctn--DZonECV8cxgO7G7H .auto-generate-modal-content--oQnXnLywTzAGzc4A .img-ctn--aT56NUpJ7IZX7ege .empty-img-icon--oxUe1TGhvM6bZQri {
   font-size: 24px;
   margin-bottom: 12px
}

.ctn--DZonECV8cxgO7G7H .auto-generate-modal-content--oQnXnLywTzAGzc4A .img-ctn--aT56NUpJ7IZX7ege .empty-img-text--BPKlVKwvTLUbUc3e {
   font-size: 12px;
   line-height: 16px
}

.ctn--DZonECV8cxgO7G7H .auto-generate-modal-content--oQnXnLywTzAGzc4A .img-list--rUJa9crrBtkEeMHJ,
.ctn--DZonECV8cxgO7G7H .auto-generate-modal-content--oQnXnLywTzAGzc4A .tab-pane--R1Wjxgv6CUFvO96z {
   margin-top: 16px
}

.ctn--DZonECV8cxgO7G7H .auto-generate-modal-content--oQnXnLywTzAGzc4A .bottom-page--Y5_FYh7hEE8OIJDg {
   background-color: var(--coz-bg-max, #fff);
   border-top: 1px solid var(--coz-stroke-primary, rgba(6, 7, 9, .1));
   overflow: hidden;
   padding: 0 24px
}

.ctn--DZonECV8cxgO7G7H .semi-modal-content {
   padding: 0 !important
}

.ctn--DZonECV8cxgO7G7H .semi-modal-content .semi-modal-header {
   padding: 24px 24px 0
}

.ctn--DZonECV8cxgO7G7H .semi-modal-content .semi-modal-footer {
   background-color: var(--coz-bg-max, #fff);
   margin: 0;
   padding: 24px
}

.select-item-icon--ChRMVQXNZywsnav2 svg {
   height: 16px;
   width: 16px
}

.ai-btn--tE_8n8lpMwY439Ju svg {
   color: var(--coze-brand-5) !important
}

.card-link--BfsMOJQf9vwAzqzR {
   text-decoration: none
}

.card--_7c3UwByWsUCjNrR {
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0 6px 8px 0 rgba(28, 31, 35, .06);
   cursor: pointer;
   display: flex;
   flex-direction: column;
   height: 180px;
   min-width: 323px;
   padding: 12px 16px 16px 20px
}

.card--_7c3UwByWsUCjNrR:hover {
   box-shadow: 0 10px 12px 0 rgba(28, 31, 35, .1)
}

.card--_7c3UwByWsUCjNrR:active:not(:focus-within) {
   background-color: #e6e7ea
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 {
   display: flex;
   flex-wrap: nowrap;
   margin-bottom: auto
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-avatar--wzpEB1r_qeUSWgvK {
   background-color: #2e2e3814;
   border-radius: 8px;
   flex-shrink: 0;
   height: 68px;
   margin-left: 4px;
   margin-top: 12px;
   width: 68px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd {
   display: flex;
   flex: 1 1;
   flex-flow: column nowrap;
   margin-left: 16px;
   overflow: hidden
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-title--obpxPBv5jI0ObYyg {
   display: flex;
   flex: 1 1;
   justify-content: space-between;
   margin-bottom: 4px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-title--obpxPBv5jI0ObYyg .bot-name--ujmF56vu1iMf7nhj {
   color: #1c1d23;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   margin-top: 12px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-description--XTQuwbX2LnMo8Xks {
   color: rgba(28, 29, 35, .8);
   font-size: 14px;
   height: 40px;
   line-height: 20px;
   margin-bottom: 8px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-hot-and-category--WAgf7Gm4Hf0UwnMs {
   align-items: center;
   display: flex
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-hot-and-category--WAgf7Gm4Hf0UwnMs .bot-hot-value--dOlE7A37cLv0HWbl {
   color: #1c1d2359;
   font-size: 12px;
   font-weight: 400;
   margin-left: 4px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-hot-and-category--WAgf7Gm4Hf0UwnMs .bot-category-tag--egiaierZWzYR9wRV {
   border: 1px solid #1d1c2314;
   border-radius: 6px;
   margin-left: 16px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-hot-and-category--WAgf7Gm4Hf0UwnMs .bot-category-tag--egiaierZWzYR9wRV .bot-category-text--qM6DQLmE2kI4zIjo {
   color: #6b6b75;
   font-size: 12px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-model-and-publish--YSvLzxMlHQcdKZ5s {
   align-items: center;
   display: flex
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-model-and-publish--YSvLzxMlHQcdKZ5s .bot-publish-status--DBXdPkO9FU7WLB0n {
   align-items: center;
   color: rgba(28, 29, 35, .6);
   display: flex;
   font-size: 12px;
   letter-spacing: .12px;
   line-height: 16px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-model-and-publish--YSvLzxMlHQcdKZ5s .bot-publish-status-icon--YQP4fbENGjMqXtw_ {
   color: #3ec254;
   margin-right: 4px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-model-and-publish--YSvLzxMlHQcdKZ5s .bot-publish-status-warning-icon--Yt94tqcZXpIU7vAG {
   color: var(--semi-color-warning);
   margin-right: 4px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-model-and-publish--YSvLzxMlHQcdKZ5s .bot-model--Yxq4kriDVLQ7vv1n {
   color: rgba(28, 29, 35, .35);
   font-size: 12px;
   letter-spacing: .12px;
   line-height: 16px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-model-and-publish--YSvLzxMlHQcdKZ5s .divider--a8KpM0QPf2wdqrXJ {
   height: calc(100% - 4px)
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-model-and-publish--YSvLzxMlHQcdKZ5s .bot-publish-platform--KfPXIbnKn_0bMV4M {
   align-items: center;
   color: rgba(28, 29, 35, .6);
   column-gap: 6px;
   display: flex;
   font-size: 12px;
   letter-spacing: .12px;
   line-height: 16px
}

.card--_7c3UwByWsUCjNrR .bot-info--PpuqdkfTlKIaznD6 .bot-text--NxsKQsWusTESPFzd .bot-model-and-publish--YSvLzxMlHQcdKZ5s .bot-publish-platform--KfPXIbnKn_0bMV4M .semi-avatar {
   height: 12px;
   width: 12px
}

.card--_7c3UwByWsUCjNrR .bot-creator-info--nuavxtgUguwCXQCh {
   align-items: center;
   color: rgba(28, 29, 35, .35);
   display: flex;
   font-size: 12px;
   letter-spacing: .12px;
   line-height: 16px;
   overflow: hidden;
   padding: 0 4px;
   width: 100%
}

.card--_7c3UwByWsUCjNrR .bot-creator-info--nuavxtgUguwCXQCh .creator-avatar--aGuYhBbdJ6s7iJI6 {
   flex-shrink: 0;
   height: 16px;
   margin-right: 4px;
   width: 16px
}

.card--_7c3UwByWsUCjNrR .bot-creator-info--nuavxtgUguwCXQCh .bot-creator--hRlprRBGP_MoUnhk {
   color: rgba(28, 29, 35, .35);
   font-size: 12px;
   letter-spacing: .12px;
   line-height: 16px
}

.card--_7c3UwByWsUCjNrR .bot-creator-info--nuavxtgUguwCXQCh .bot-edit-time--Q0RnK5Qr2YRKwDX6 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   justify-content: flex-end;
   margin-left: auto
}

.explore-height--Ntp2hyNiGAoqValo {
   height: 136px
}

.publish-popover-item--Zk138pzL_CEGfLeR {
   align-items: center;
   display: flex;
   padding: 4px
}

.publish-popover-item--Zk138pzL_CEGfLeR:first-child {
   padding-top: 0
}

.publish-popover-item--Zk138pzL_CEGfLeR:last-child {
   padding-bottom: 0
}

.publish-popover-item--Zk138pzL_CEGfLeR:not(:last-child) {
   border-bottom: 1px solid #efefef
}

.publish-popover-item-avatar--KUY6hUK2B1AP7ep7 {
   margin-right: 10px
}

.publish-popover-item--Zk138pzL_CEGfLeR img {
   height: 100%;
   width: 100%
}

.bot-description-tooltip--SUSqkpl9uE0QPDKK {
   color: var(--semi-color-bg-0)
}

.add-card--rHMahecdJHQT_Mpf {
   background-color: #fff;
   border-radius: 8px
}

.add-card-inner--tJnZzFWm37YsGsDZ {
   display: flex;
   flex-direction: column;
   justify-content: center
}

.name-wrap--AwzIP5fmy8Yjpcze {
   align-items: center;
   display: flex;
   height: 40px;
   padding: 16px 16px 0;
   width: 100%
}

.name--DySjDQ1r801AmnUB {
   color: #000;
   font-size: 14px;
   font-weight: 600;
   left: 48px;
   line-height: 24px;
   max-width: calc(100% - 156px);
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
   top: 16px;
   white-space: nowrap
}

.extra--s5gZs6EW5lUCBZgF {
   margin-left: auto
}

.description--L4xB5ttEnMQCSdQC {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   color: #494c4f;
   display: -webkit-box;
   font-size: 12px;
   line-height: 18px;
   overflow: hidden
}

.recent-modify--dat_VZEdrYXeIQcW {
   color: rgba(28, 31, 35, .6);
   margin-top: 8px
}

.creator--UOYQYkYfnDsS695Y,
.recent-modify--dat_VZEdrYXeIQcW {
   font-size: 12px;
   line-height: 16px
}

.creator--UOYQYkYfnDsS695Y {
   background: rgba(51, 112, 255, .1);
   border: none !important;
   border-radius: 3px !important;
   color: #346ef8;
   padding: 4px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

.upload-form--XEzVnG8mM9wTzwS8 .upload-filed--QzPB2dbLJ00Lrxnc {
   padding-top: 0
}

.upload-form--XEzVnG8mM9wTzwS8 .textarea-multi-line--S3v8hXThnUQBelG8 .semi-input-textarea {
   padding-right: 66px
}

.upload-form--XEzVnG8mM9wTzwS8 .textarea-multi-line--S3v8hXThnUQBelG8 .semi-input-textarea-counter {
   bottom: 8px;
   color: var(--light-usage-text-color-text-3, rgba(28, 29, 35, .35));
   min-height: 0;
   padding: 0;
   position: absolute;
   right: 12px
}

.upload-form--XEzVnG8mM9wTzwS8 .semi-form-field-label {
   margin-bottom: 8px
}

.upload-form-item--yRN3Hvpf4JkOlFdr .semi-form-field-label {
   display: none
}

.upload-form-item--yRN3Hvpf4JkOlFdr .semi-form-field-label-text {
   display: none
}

.upload-form-item--yRN3Hvpf4JkOlFdr .semi-form-field {
   padding: 0
}

.collect-num--AtvGHPSuPk14km4e {
   margin-right: 4px
}

.collect-num--AtvGHPSuPk14km4e,
.collect-num--AtvGHPSuPk14km4e svg {
   height: 12px;
   width: 12px
}

.user-info--LfI12c2gGMZl41Pf {
   margin-top: auto
}

.content-check-error--My_kbllzUOFePHNI {
   color: red;
   margin-top: -8px
}

.bot-ui-modal--TWcY1Ypx0CEdlUXI .semi-modal-content .semi-modal-body {
   padding: 12px 0 22px
}

.bot-ui-modal--TWcY1Ypx0CEdlUXI .semi-form-vertical .semi-form-field {
   padding-bottom: 14px !important
}

.select--IR0n6M5Yz4UQkwzm {
   width: 100%
}

.select--IR0n6M5Yz4UQkwzm .select-name--M110gFfcRgsaGdGo {
   font-weight: 400;
   margin-left: 6px
}

.select-item-icon--FfhfiIBIWrYfTWjS svg {
   height: 24px;
   width: 24px
}

.select-item-name--JpI9ZxbaZqQ2QsJK {
   font-weight: 600;
   margin-left: 12px;
   margin-right: 16px
}

.template-card-mask--P1tNVr62E4q2ioOJ {
   --template-card-mask-start: rgba(var(--coze-bg-3), 0);
   --template-card-mask-end: rgba(var(--coze-bg-3), 0.96);
   background: linear-gradient(180deg, var(--template-card-mask-start) 0, var(--template-card-mask-end) 100%)
}

.template-group--V1XL6QKW4curxhFj {
   gap: 16px 1%;
   grid-template-columns: repeat(3, 1fr)
}

.project-template-modal--yVeAJsC519kQMiJq .semi-modal {
   width: 960px !important
}

.project-template-modal--yVeAJsC519kQMiJq .semi-modal-content {
   padding-bottom: 0 !important;
   padding-left: 0 !important;
   padding-right: 0 !important
}

.project-template-modal--yVeAJsC519kQMiJq .semi-modal-header {
   padding-left: 24px;
   padding-right: 24px
}

.error-empty--gLfpD6VkxDYcTfgp {
   padding: 124px 0
}

.error-empty--gLfpD6VkxDYcTfgp .semi-empty-content {
   margin-top: 8px
}

.error-empty--gLfpD6VkxDYcTfgp .semi-empty-footer {
   display: flex;
   justify-content: center;
   margin-top: 8px
}

.guide-modal--dFfD5jxTnoLh1JAX .semi-modal-content {
   padding-bottom: 0 !important;
   padding-left: 0 !important;
   padding-right: 0 !important
}

.guide-modal--dFfD5jxTnoLh1JAX .semi-modal-header {
   padding-left: 24px;
   padding-right: 24px
}

.guide-modal--dFfD5jxTnoLh1JAX .semi-modal-footer {
   display: none
}

.guide-button--yHQLtHb6gw4MyfTM {
   box-shadow: inset -8px -18px 30px 0 #dae6f7
}

.guide-button-hover--piD85BPv5acCjuTR:hover .guide-img-bg--xuUxu9Digk5l5w9q {
   background: linear-gradient(29deg, rgba(79, 62, 255, .17) 15.59%, rgba(242, 146, 255, .14) 42.22%, rgba(242, 146, 255, 0) 72.41%), var(--coz-bg-primary, #f8f8fc)
}

.guide-button-hover--piD85BPv5acCjuTR:hover .guide-desc-hover--m1CfMPHvCHAhSn48 {
   opacity: 0
}

.guide-button-hover--piD85BPv5acCjuTR:hover .create-button-hover--pVTPq7jepisXMfLQ {
   opacity: 1
}

.product-popover--XHbGVhpmznodfZ0S.coz-menu-wrapper .semi-dropdown .semi-dropdown-menu:not(.coz-selection-mode) {
   padding: 4px 8px 8px
}

.product-popover--XHbGVhpmznodfZ0S.coz-menu-wrapper .semi-dropdown .semi-dropdown-menu:not(.coz-selection-mode) .semi-dropdown-item {
   background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha));
   height: 54px;
   margin-bottom: 6px;
   padding: 6px 8px
}

.product-popover--XHbGVhpmznodfZ0S.coz-menu-wrapper .semi-dropdown .semi-dropdown-menu:not(.coz-selection-mode) .semi-dropdown-item:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.product-popover--XHbGVhpmznodfZ0S.coz-menu-wrapper .semi-dropdown .semi-dropdown-menu:not(.coz-selection-mode) .semi-dropdown-item:active {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.first-tips--MQ6t017GYLgmTcue {
   background-image: url("https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze/product-matrix-tips-bg.png");
   background-repeat: no-repeat;
   background-size: 100%;
   display: flex;
   flex-direction: column;
   height: 149px;
   justify-content: end;
   width: 240px
}

.first-tips--MQ6t017GYLgmTcue.semi-popover-wrapper[x-placement=rightBottom] .semi-popover-icon-arrow {
   bottom: 12px;
   -webkit-filter: none;
   filter: none
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 {
   display: flex;
   flex-direction: column;
   height: 100%;
   width: 100%
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .semi-steps-horizontal {
   display: flex;
   justify-content: center;
   width: 100%
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .semi-steps-horizontal .semi-steps-item {
   flex: none
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .semi-steps-horizontal .semi-steps-item .semi-steps-item-container {
   align-items: center
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .semi-steps-horizontal .semi-steps-item.semi-steps-item-active .semi-steps-item-title {
   color: var(--coz-fg-hglt)
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .semi-steps-horizontal .semi-steps-item.semi-steps-item-active .semi-steps-item-number-icon {
   color: var(--coz-fg-hglt-plus)
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .semi-steps-horizontal .semi-steps-item .semi-steps-item-title {
   color: var(--coz-fg-secondary);
   font-weight: 500;
   max-width: 100%;
   padding-bottom: 0;
   padding-right: 4px
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .semi-steps-horizontal .semi-steps-item .semi-steps-item-icon {
   height: 28px
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .semi-steps-horizontal .semi-steps-item .semi-steps-item-icon .semi-steps-item-number-icon {
   height: 28px;
   width: 28px
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .semi-steps-horizontal .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
   font-size: 20px;
   font-weight: 500
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .semi-steps-horizontal .semi-steps-item-wait .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
   color: var(--coz-fg-secondary);
   font-size: 20px;
   font-weight: 500
}

.knowledge-steps--QQKUm2nl1Y8WnCW5 .finish-icon--ATitObir3v81_G3s {
   align-items: center;
   background-color: var(--coz-mg-hglt);
   border-radius: 50%;
   display: flex;
   height: 28px;
   justify-content: center;
   width: 28px
}

.select-wapper--EagQAJRIR8w1KvO6,
.select-wapper--EagQAJRIR8w1KvO6 span {
   width: 100%
}

.select-wapper--EagQAJRIR8w1KvO6 .singleline-select-error-content {
   height: 20px
}

.select-wapper--EagQAJRIR8w1KvO6 .select-error-text {
   color: var(--coz-fg-hglt-red);
   font-size: 12px;
   font-weight: 400;
   padding-left: 12px;
   padding-top: 2px;
   position: absolute;
   z-index: 100
}

.error-wapper--imW6jX8R5XYnwVW0 .semi-select {
   border: 1px solid var(--coz-fg-hglt-red) !important
}

.limit-count--x0xpOftylU_9VR0I {
   color: var(--coz-fg-secondary);
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 16px;
   overflow: hidden;
   padding-left: 8px;
   padding-right: 12px
}

div.field--JACmZqty_ozPy0xD {
   padding-bottom: 24px !important
}

div.field--JACmZqty_ozPy0xD:has(.semi-form-field-error-message) {
   padding-bottom: 0 !important
}

div.field--JACmZqty_ozPy0xD .semi-form-field-error-message {
   line-height: 20px;
   margin-top: 4px
}

div.field--JACmZqty_ozPy0xD .semi-input-textarea-counter {
   padding-left: 5px;
   padding-right: 5px !important
}

.ui-data-modal--z2pYiiL23kA1ljOX .semi-modal-content {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha))
}

:root {
   --background: 255, 255, 255;
   --foreground: 28, 28, 35;
   --icon: 221, 0%, 10%;
   --icon-dark: 221, 0%, 10%;
   --icon-gray: 221, 0%, 90%;
   --black-7: 0, 0, 0;
   --black-6: 16, 16, 16;
   --black-5: 54, 61, 77;
   --black-4: 102, 102, 104;
   --black-3: 149, 149, 151;
   --black-2: 173, 173, 175;
   --black-1: 220, 220, 222;
   --white-6: 209, 209, 211;
   --white-5: 219, 219, 220;
   --white-4: 228, 228, 230;
   --white-3: 238, 238, 239;
   --white-2: 248, 248, 248;
   --white-1: 255, 255, 255;
   --coze-fg-revert: 255, 255, 255;
   --coze-fg-white: 255, 255, 255;
   --coze-fg-7: 255, 255, 255;
   --coze-fg-6: 255, 255, 255;
   --coze-fg-5: 255, 255, 255;
   --coze-fg-4: 8, 13, 30;
   --coze-fg-3: 15, 21, 40;
   --coze-fg-2: 32, 41, 69;
   --coze-fg-1: 55, 67, 106;
   --coze-bg-9: 6, 7, 9;
   --coze-bg-8: 68, 83, 130;
   --coze-bg-7: 75, 90, 140;
   --coze-bg-6: 82, 100, 154;
   --coze-bg-5: 87, 104, 161;
   --coze-bg-4: 90, 108, 167;
   --coze-bg-3: 255, 255, 255;
   --coze-bg-2: 252, 252, 255;
   --coze-bg-1: 247, 247, 252;
   --coze-bg-0: 240, 240, 247;
   --coze-stroke-5: 82, 100, 154;
   --coze-stroke-6: 68, 83, 130;
   --coze-stroke-7: 55, 67, 106;
   --coze-stroke-opaque: 226, 228, 239;
   --coze-mask-5: 0, 0, 0;
   --coze-shadow-0: 0, 0, 0;
   --coze-brand-50: 102, 108, 255;
   --coze-brand-30: 163, 166, 255;
   --coze-brand-7: 65, 43, 255;
   --coze-brand-6: 69, 56, 255;
   --coze-brand-5: 81, 71, 255;
   --coze-brand-3: 150, 159, 255;
   --coze-brand-2: 161, 170, 255;
   --coze-brand-1: 171, 181, 255;
   --coze-brand-0: 181, 191, 255;
   --coze-red-7: 222, 22, 39;
   --coze-red-6: 227, 36, 52;
   --coze-red-5: 229, 50, 65;
   --coze-red-3: 250, 138, 148;
   --coze-red-2: 252, 149, 157;
   --coze-red-1: 255, 163, 171;
   --coze-red-0: 255, 173, 180;
   --coze-yellow-50: 242, 182, 0;
   --coze-yellow-30: 245, 184, 0;
   --coze-yellow-7: 229, 104, 0;
   --coze-yellow-6: 242, 109, 0;
   --coze-yellow-5: 255, 115, 0;
   --coze-yellow-3: 242, 161, 94;
   --coze-yellow-2: 242, 169, 109;
   --coze-yellow-1: 240, 174, 120;
   --coze-yellow-0: 239, 179, 130;
   --coze-green-7: 0, 161, 54;
   --coze-green-6: 0, 168, 56;
   --coze-green-5: 0, 178, 60;
   --coze-green-3: 79, 201, 120;
   --coze-green-2: 93, 207, 131;
   --coze-green-1: 105, 209, 140;
   --coze-green-0: 116, 212, 149;
   --coze-orange-5: 199, 66, 0;
   --coze-orange-3: 242, 148, 65;
   --coze-emerald-5: 0, 128, 74;
   --coze-emerald-3: 41, 204, 114;
   --coze-emerald-50: 0, 184, 122;
   --coze-emerald-30: 54, 209, 158;
   --coze-emerald-20: 66, 214, 165;
   --coze-emerald-10: 103, 229, 188;
   --coze-cyan-5: 0, 124, 135;
   --coze-cyan-3: 47, 196, 189;
   --coze-cyan-50: 0, 163, 163;
   --coze-cyan-30: 62, 199, 199;
   --coze-cyan-20: 73, 204, 204;
   --coze-cyan-10: 84, 209, 209;
   --coze-blue-5: 43, 87, 217;
   --coze-blue-3: 120, 170, 250;
   --coze-blue-50: 61, 121, 242;
   --coze-blue-30: 131, 172, 252;
   --coze-blue-20: 141, 178, 252;
   --coze-blue-10: 153, 187, 255;
   --coze-purple-7: 148, 0, 222;
   --coze-purple-6: 157, 0, 235;
   --coze-purple-5: 167, 0, 250;
   --coze-purple-3: 213, 128, 255;
   --coze-purple-2: 218, 145, 255;
   --coze-purple-1: 224, 163, 255;
   --coze-purple-50: 192, 66, 255;
   --coze-purple-30: 217, 143, 255;
   --coze-purple-20: 221, 153, 255;
   --coze-purple-10: 224, 163, 255;
   --coze-magenta-5: 209, 0, 157;
   --coze-magenta-3: 245, 120, 197;
   --coze-magenta-50: 242, 48, 177;
   --coze-magenta-30: 252, 134, 213;
   --coze-magenta-20: 252, 144, 216;
   --coze-magenta-10: 255, 158, 222;
   --coze-alternative-50: 191, 229, 0;
   --coze-alternative-30: 175, 209, 0;
   --coze-1080: 1080px;
   --coze-800: 800px;
   --coze-640: 640px;
   --coze-480: 480px;
   --coze-320: 320px;
   --coze-240: 240px;
   --coze-200: 200px;
   --coze-160: 160px;
   --coze-120: 120px;
   --coze-96: 96px;
   --coze-80: 80px;
   --coze-64: 64px;
   --coze-48: 48px;
   --coze-40: 40px;
   --coze-38: 38px;
   --coze-36: 36px;
   --coze-32: 32px;
   --coze-30: 30px;
   --coze-28: 28px;
   --coze-26: 26px;
   --coze-24: 24px;
   --coze-22: 22px;
   --coze-20: 20px;
   --coze-18: 18px;
   --coze-16: 16px;
   --coze-15: 15px;
   --coze-14: 14px;
   --coze-12: 12px;
   --coze-10: 10px;
   --coze-9: 9px;
   --coze-8: 8px;
   --coze-6: 6px;
   --coze-5: 5px;
   --coze-4: 4px;
   --coze-3: 3px;
   --coze-2: 2px;
   --coze-1: 1px;
   --coze-0-5: 0.5px;
   --coze-fg-1-alpha: 0.38;
   --coze-fg-2-alpha: 0.62;
   --coze-fg-3-alpha: 0.82;
   --coze-fg-4-alpha: 0.9;
   --coze-fg-5-alpha: 1;
   --coze-fg-6-alpha: 1;
   --coze-fg-7-alpha: 1;
   --coze-fg-revert-alpha: 1;
   --coze-fg-white-alpha: 1;
   --coze-bg-0-alpha: 1;
   --coze-bg-1-alpha: 1;
   --coze-bg-2-alpha: 1;
   --coze-bg-3-alpha: 1;
   --coze-bg-4-alpha: 0.04;
   --coze-bg-5-alpha: 0.08;
   --coze-bg-6-alpha: 0.13;
   --coze-bg-7-alpha: 0.19;
   --coze-bg-8-alpha: 0.25;
   --coze-bg-9-alpha: 0.16;
   --coze-stroke-5-alpha: 0.13;
   --coze-stroke-6-alpha: 0.25;
   --coze-stroke-7-alpha: 0.38;
   --coze-brand-0-alpha: 0.23;
   --coze-brand-1-alpha: 0.3;
   --coze-brand-2-alpha: 0.38;
   --coze-brand-3-alpha: 0.45;
   --coze-brand-5-alpha: 1;
   --coze-brand-6-alpha: 1;
   --coze-brand-7-alpha: 1;
   --coze-brand-30-alpha: 0.45;
   --coze-brand-50-alpha: 1;
   --coze-red-0-alpha: 0.23;
   --coze-red-1-alpha: 0.3;
   --coze-red-2-alpha: 0.38;
   --coze-red-3-alpha: 0.45;
   --coze-yellow-50-alpha: 1;
   --coze-yellow-30-alpha: 0.45;
   --coze-yellow-0-alpha: 0.23;
   --coze-yellow-1-alpha: 0.3;
   --coze-yellow-2-alpha: 0.38;
   --coze-yellow-3-alpha: 0.45;
   --coze-yellow-5-alpha: 1;
   --coze-yellow-6-alpha: 1;
   --coze-yellow-7-alpha: 1;
   --coze-green-0-alpha: 0.23;
   --coze-green-1-alpha: 0.3;
   --coze-green-2-alpha: 0.38;
   --coze-green-3-alpha: 0.45;
   --coze-green-5-alpha: 1;
   --coze-green-6-alpha: 1;
   --coze-green-7-alpha: 1;
   --coze-orange-5-alpha: 1;
   --coze-orange-3-alpha: 0.45;
   --coze-emerald-5-alpha: 1;
   --coze-emerald-3-alpha: 0.45;
   --coze-emerald-50-alpha: 1;
   --coze-emerald-30-alpha: 0.55;
   --coze-emerald-20-alpha: 0.45;
   --coze-emerald-10-alpha: 0.2;
   --coze-cyan-5-alpha: 1;
   --coze-cyan-3-alpha: 0.45;
   --coze-cyan-50-alpha: 1;
   --coze-cyan-30-alpha: 0.45;
   --coze-cyan-20-alpha: 0.38;
   --coze-cyan-10-alpha: 0.3;
   --coze-blue-5-alpha: 1;
   --coze-blue-3-alpha: 0.45;
   --coze-blue-50-alpha: 1;
   --coze-blue-30-alpha: 0.45;
   --coze-blue-20-alpha: 0.38;
   --coze-blue-10-alpha: 0.3;
   --coze-purple-7-alpha: 1;
   --coze-purple-6-alpha: 1;
   --coze-purple-5-alpha: 1;
   --coze-purple-3-alpha: 0.45;
   --coze-purple-2-alpha: 0.38;
   --coze-purple-1-alpha: 0.3;
   --coze-purple-50-alpha: 1;
   --coze-purple-30-alpha: 0.45;
   --coze-purple-20-alpha: 0.38;
   --coze-purple-10-alpha: 0.3;
   --coze-magenta-5-alpha: 1;
   --coze-magenta-3-alpha: 0.45;
   --coze-magenta-50-alpha: 1;
   --coze-magenta-30-alpha: 0.45;
   --coze-magenta-20-alpha: 0.38;
   --coze-magenta-10-alpha: 0.3;
   --coze-alternative-30-alpha: 0.45;
   --coze-alternative-50-alpha: 1
}

.dark {
   --background: 2, 8, 23;
   --foreground: 249, 249, 249;
   --icon: 221, 0%, 90%;
   --icon-dark: 221, 0%, 10%;
   --icon-gray: 221, 0%, 100%;
   --coze-fg-revert: 0, 0, 0;
   --coze-fg-white: 255, 255, 255;
   --coze-fg-7: 255, 255, 255;
   --coze-fg-6: 0, 0, 0;
   --coze-fg-5: 0, 0, 0;
   --coze-fg-4: 255, 255, 255;
   --coze-fg-3: 255, 255, 255;
   --coze-fg-2: 255, 255, 255;
   --coze-fg-1: 255, 255, 255;
   --coze-bg-9: 255, 255, 255;
   --coze-bg-8: 237, 240, 255;
   --coze-bg-7: 237, 240, 255;
   --coze-bg-6: 237, 240, 255;
   --coze-bg-5: 241, 243, 255;
   --coze-bg-4: 241, 243, 255;
   --coze-bg-3: 39, 43, 58;
   --coze-bg-2: 28, 32, 48;
   --coze-bg-1: 24, 28, 43;
   --coze-bg-0: 20, 24, 37;
   --coze-stroke-5: 153, 182, 255;
   --coze-stroke-6: 153, 182, 255;
   --coze-stroke-7: 233, 237, 255;
   --coze-stroke-opaque: 41, 45, 60;
   --coze-mask-5: 0, 0, 0;
   --coze-shadow-0: 0, 0, 0;
   --coze-brand-50: 85, 91, 255;
   --coze-brand-30: 66, 88, 255;
   --coze-brand-7: 194, 194, 255;
   --coze-brand-6: 184, 184, 255;
   --coze-brand-5: 166, 166, 255;
   --coze-brand-3: 94, 94, 255;
   --coze-brand-2: 89, 89, 255;
   --coze-brand-1: 76, 76, 255;
   --coze-brand-0: 76, 76, 255;
   --coze-red-7: 255, 97, 110;
   --coze-red-6: 255, 82, 96;
   --coze-red-5: 255, 38, 56;
   --coze-red-3: 245, 37, 54;
   --coze-red-2: 245, 37, 54;
   --coze-red-1: 242, 36, 53;
   --coze-yellow-50: 255, 191, 0;
   --coze-yellow-30: 156, 117, 0;
   --coze-yellow-7: 255, 161, 84;
   --coze-yellow-6: 255, 148, 61;
   --coze-yellow-5: 255, 122, 13;
   --coze-yellow-3: 194, 88, 2;
   --coze-yellow-2: 191, 87, 2;
   --coze-yellow-1: 178, 80, 0;
   --coze-green-7: 0, 219, 69;
   --coze-green-6: 0, 209, 66;
   --coze-green-5: 0, 191, 64;
   --coze-green-3: 0, 133, 53;
   --coze-green-2: 0, 128, 51;
   --coze-green-1: 0, 122, 41;
   --coze-orange-5: 251, 173, 115;
   --coze-orange-3: 199, 93, 18;
   --coze-emerald-5: 48, 242, 161;
   --coze-emerald-3: 6, 140, 102;
   --coze-emerald-50: 0, 191, 128;
   --coze-emerald-30: 0, 133, 88;
   --coze-emerald-20: 0, 128, 85;
   --coze-emerald-10: 0, 115, 76;
   --coze-cyan-5: 57, 215, 229;
   --coze-cyan-3: 8, 130, 163;
   --coze-cyan-50: 0, 170, 204;
   --coze-cyan-30: 0, 125, 150;
   --coze-cyan-20: 0, 121, 145;
   --coze-cyan-10: 0, 110, 133;
   --coze-blue-5: 120, 176, 255;
   --coze-blue-3: 60, 111, 229;
   --coze-blue-50: 64, 128, 255;
   --coze-blue-30: 23, 100, 255;
   --coze-blue-20: 18, 97, 255;
   --coze-blue-10: 8, 91, 255;
   --coze-purple-7: 233, 189, 255;
   --coze-purple-6: 229, 176, 255;
   --coze-purple-5: 221, 153, 255;
   --coze-purple-3: 189, 56, 255;
   --coze-purple-2: 187, 51, 255;
   --coze-purple-1: 181, 33, 255;
   --coze-purple-50: 202, 97, 255;
   --coze-purple-30: 185, 46, 255;
   --coze-purple-20: 184, 41, 255;
   --coze-purple-10: 180, 31, 255;
   --coze-magenta-5: 255, 148, 210;
   --coze-magenta-3: 250, 30, 188;
   --coze-magenta-50: 255, 77, 195;
   --coze-magenta-30: 255, 15, 175;
   --coze-magenta-20: 255, 10, 173;
   --coze-magenta-10: 255, 0, 169;
   --coze-alternative-50: 202, 242, 0;
   --coze-alternative-30: 111, 133, 0;
   --coze-fg-1-alpha: 0.22;
   --coze-fg-2-alpha: 0.39;
   --coze-fg-3-alpha: 0.79;
   --coze-fg-4-alpha: 1;
   --coze-fg-5-alpha: 1;
   --coze-fg-6-alpha: 0.22;
   --coze-fg-7-alpha: 1;
   --coze-fg-revert-alpha: 1;
   --coze-fg-white-alpha: 0.22;
   --coze-bg-0-alpha: 1;
   --coze-bg-1-alpha: 1;
   --coze-bg-2-alpha: 1;
   --coze-bg-3-alpha: 1;
   --coze-bg-4-alpha: 0.02;
   --coze-bg-5-alpha: 0.05;
   --coze-bg-6-alpha: 0.08;
   --coze-bg-7-alpha: 0.11;
   --coze-bg-8-alpha: 0.14;
   --coze-bg-9-alpha: 0.17;
   --coze-stroke-5-alpha: 0.12;
   --coze-stroke-6-alpha: 0.17;
   --coze-stroke-7-alpha: 0.21;
   --coze-brand-0-alpha: 0.2;
   --coze-brand-1-alpha: 0.2;
   --coze-brand-2-alpha: 0.32;
   --coze-brand-3-alpha: 0.37;
   --coze-brand-30-alpha: 0.41;
   --coze-brand-50-alpha: 1;
   --coze-red-1-alpha: 0.20;
   --coze-red-2-alpha: 0.33;
   --coze-red-3-alpha: 0.39;
   --coze-yellow-50-alpha: 1;
   --coze-yellow-30-alpha: 0.36;
   --coze-yellow-1-alpha: 0.20;
   --coze-yellow-2-alpha: 0.32;
   --coze-yellow-3-alpha: 0.37;
   --coze-green-1-alpha: 0.20;
   --coze-green-2-alpha: 0.34;
   --coze-green-3-alpha: 0.39;
   --coze-orange-3-alpha: 0.36;
   --coze-orange-5-alpha: 0.36;
   --coze-emerald-5-alpha: 1;
   --coze-emerald-3-alpha: 0.35;
   --coze-emerald-50-alpha: 1;
   --coze-emerald-30-alpha: 0.38;
   --coze-emerald-20-alpha: 0.33;
   --coze-emerald-10-alpha: 0.2;
   --coze-cyan-5-alpha: 1;
   --coze-cyan-3-alpha: 0.36;
   --coze-cyan-50-alpha: 1;
   --coze-cyan-30-alpha: 0.39;
   --coze-cyan-20-alpha: 0.33;
   --coze-cyan-10-alpha: 0.20;
   --coze-blue-5-alpha: 1;
   --coze-blue-3-alpha: 0.37;
   --coze-blue-50-alpha: 1;
   --coze-blue-30-alpha: 0.4;
   --coze-blue-20-alpha: 0.34;
   --coze-blue-10-alpha: 0.2;
   --coze-purple-7-alpha: 1;
   --coze-purple-6-alpha: 1;
   --coze-purple-5-alpha: 1;
   --coze-purple-3-alpha: 0.36;
   --coze-purple-2-alpha: 0.31;
   --coze-purple-1-alpha: 0.2;
   --coze-purple-50-alpha: 1;
   --coze-purple-30-alpha: 0.38;
   --coze-purple-20-alpha: 0.33;
   --coze-purple-10-alpha: 0.2;
   --coze-magenta-5-alpha: 1;
   --coze-magenta-3-alpha: 0.35;
   --coze-magenta-50-alpha: 1;
   --coze-magenta-30-alpha: 0.36;
   --coze-magenta-20-alpha: 0.31;
   --coze-magenta-10-alpha: 0.2;
   --coze-alternative-30-alpha: 0.34
}

:root {
   --coz-fg-hglt-plus: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
   --coz-fg-hglt-plus-dim: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
   --coz-fg-hglt: rgba(var(--coze-brand-5), 1);
   --coz-fg-hglt-dim: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
   --coz-fg-plus: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   --coz-fg: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   --coz-fg-primary: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   --coz-fg-secondary: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   --coz-fg-dim: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
   --coz-fg-white: rgba(var(--coze-fg-7), 1);
   --coz-fg-white-dim: rgba(var(--coze-fg-white), var(--coze-fg-white-alpha));
   --coz-fg-hglt-ai: rgba(var(--coze-purple-5), 1);
   --coz-fg-hglt-ai-dim: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha));
   --coz-fg-hglt-red: rgba(var(--coze-red-5), 1);
   --coz-fg-hglt-red-dim: rgba(var(--coze-red-3), var(--coze-red-3-alpha));
   --coz-fg-hglt-yellow: rgba(var(--coze-yellow-5), 1);
   --coz-fg-hglt-yellow-dim: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
   --coz-fg-hglt-green: rgba(var(--coze-green-5), 1);
   --coz-fg-hglt-green-dim: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
   --coz-fg-color-orange: rgba(var(--coze-yellow-5), 1);
   --coz-fg-color-orange-dim: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
   --coz-fg-color-emerald: rgba(var(--coze-green-5), 1);
   --coz-fg-color-emerald-dim: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
   --coz-fg-color-cyan: rgba(var(--coze-cyan-50), var(--coze-cyan-50-alpha));
   --coz-fg-color-cyan-dim: rgba(var(--coze-cyan-30), var(--coze-cyan-30-alpha));
   --coz-fg-color-blue: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha));
   --coz-fg-color-blue-dim: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha));
   --coz-fg-color-purple: rgba(var(--coze-purple-50), var(--coze-purple-50-alpha));
   --coz-fg-color-purple-dim: rgba(var(--coze-purple-30), var(--coze-purple-30-alpha));
   --coz-fg-color-magenta: rgba(var(--coze-magenta-50), var(--coze-magenta-50-alpha));
   --coz-fg-color-magenta-dim: rgba(var(--coze-magenta-3), var(--coze-magenta-3-alpha));
   --coz-fg-color-yellow: rgba(var(--coze-yellow-50), var(--coze-yellow-50-alpha));
   --coz-fg-color-yellow-dim: rgba(var(--coze-yellow-30), var(--coze-yellow-30-alpha));
   --coz-fg-hglt-orange: rgba(var(--coze-orange-5), 1);
   --coz-fg-hglt-orange-dim: rgba(var(--coze-orange-3), var(--coze-orange-3-alpha));
   --coz-fg-hglt-emerald: rgba(var(--coze-emerald-5), 1);
   --coz-fg-hglt-emerald-dim: rgba(var(--coze-emerald-3), var(--coze-emerald-3-alpha));
   --coz-fg-hglt-cyan: rgba(var(--coze-cyan-5), 1);
   --coz-fg-hglt-cyan-dim: rgba(var(--coze-cyan-3), var(--coze-cyan-3-alpha));
   --coz-fg-hglt-blue: rgba(var(--coze-blue-5), var(--coze-blue-5-alpha));
   --coz-fg-hglt-blue-dim: rgba(var(--coze-blue-3), var(--coze-blue-3-alpha));
   --coz-fg-hglt-purple: rgba(var(--coze-purple-5), 1);
   --coz-fg-hglt-purple-dim: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha));
   --coz-fg-hglt-magenta: rgba(var(--coze-magenta-5), 1);
   --coz-fg-hglt-magenta-dim: rgba(var(--coze-magenta-3), var(--coze-magenta-3-alpha));
   --coz-fg-color-brand: rgba(var(--coze-brand-50), var(--coze-brand-50-alpha));
   --coz-fg-color-brand-dim: rgba(var(--coze-brand-30), var(--coze-brand-30-alpha));
   --coz-fg-color-alternative: rgba(var(--coze-alternative-50), 1);
   --coz-fg-color-alternative-dim: rgba(var(--coze-alternative-30), var(--coze-alternative-30-alpha));
   --coz-mg-hglt-plus-pressed: rgba(var(--coze-brand-7), 1);
   --coz-mg-hglt-plus-hovered: rgba(var(--coze-brand-6), 1);
   --coz-mg-hglt-plus: rgba(var(--coze-brand-5), 1);
   --coz-mg-hglt-plus-dim: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
   --coz-mg-hglt-secondary-pressed: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha));
   --coz-mg-hglt-secondary-hovered: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
   --coz-mg-hglt-secondary: rgba(var(--coze-brand-0), var(--coze-brand-0-alpha));
   --coz-mg-hglt-secondary-red: rgba(var(--coze-red-0), var(--coze-red-0-alpha));
   --coz-mg-hglt-secondary-yellow: rgba(var(--coze-yellow-0), var(--coze-yellow-0-alpha));
   --coz-mg-hglt-secondary-green: rgba(var(--coze-green-0), var(--coze-green-0-alpha));
   --coz-mg-plus-pressed: rgba(var(--coze-bg-8), var(--coze-bg-8-alpha));
   --coz-mg-plus-hovered: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha));
   --coz-mg-plus: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
   --coz-mg-hglt-pressed: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
   --coz-mg-hglt-hovered: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha));
   --coz-mg-hglt-plus-ai-pressed: rgba(var(--coze-purple-7), 1);
   --coz-mg-hglt-plus-ai-hovered: rgba(var(--coze-purple-6), 1);
   --coz-mg-hglt-plus-ai: rgba(var(--coze-purple-5), 1);
   --coz-mg-hglt-plus-ai-dim: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha));
   --coz-mg-hglt: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
   --coz-mg-hglt-ai-pressed: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha));
   --coz-mg-hglt-ai-hovered: rgba(var(--coze-purple-2), var(--coze-purple-2-alpha));
   --coz-mg-hglt-ai: rgba(var(--coze-purple-1), var(--coze-purple-1-alpha));
   --coz-mg-hglt-plus-red-pressed: rgba(var(--coze-red-7), 1);
   --coz-mg-hglt-plus-red-hovered: rgba(var(--coze-red-6), 1);
   --coz-mg-hglt-plus-red: rgba(var(--coze-red-5), 1);
   --coz-mg-hglt-plus-red-dim: rgba(var(--coze-red-3), var(--coze-red-3-alpha));
   --coz-mg-hglt-plus-yellow-pressed: rgba(var(--coze-yellow-7), 1);
   --coz-mg-hglt-plus-yellow-hovered: rgba(var(--coze-yellow-6), 1);
   --coz-mg-hglt-plus-yellow: rgba(var(--coze-yellow-5), 1);
   --coz-mg-hglt-plus-yellow-dim: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
   --coz-mg-hglt-plus-green-pressed: rgba(var(--coze-green-7), 1);
   --coz-mg-hglt-plus-green-hovered: rgba(var(--coze-green-6), 1);
   --coz-mg-hglt-plus-green: rgba(var(--coze-green-5), 1);
   --coz-mg-hglt-plus-green-dim: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
   --coz-mg-hglt-red-pressed: rgba(var(--coze-red-3), var(--coze-red-3-alpha));
   --coz-mg-hglt-red-hovered: rgba(var(--coze-red-2), var(--coze-red-2-alpha));
   --coz-mg-hglt-red: rgba(var(--coze-red-1), var(--coze-red-1-alpha));
   --coz-mg-hglt-yellow-pressed: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
   --coz-mg-hglt-yellow-hovered: rgba(var(--coze-yellow-2), var(--coze-yellow-2-alpha));
   --coz-mg-hglt-yellow: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha));
   --coz-mg-hglt-green-pressed: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
   --coz-mg-hglt-green-hovered: rgba(var(--coze-green-2), var(--coze-green-2-alpha));
   --coz-mg-hglt-green: rgba(var(--coze-green-1), var(--coze-green-1-alpha));
   --coz-mg-color-plus-orange: rgba(var(--coze-yellow-5), 1);
   --coz-mg-color-plus-emerald: rgba(var(--coze-green-5), 1);
   --coz-mg-color-plus-cyan: rgba(var(--coze-cyan-50), var(--coze-cyan-50-alpha));
   --coz-mg-color-plus-blue: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha));
   --coz-mg-color-plus-purple: rgba(var(--coze-purple-50), var(--coze-purple-50-alpha));
   --coz-mg-color-plus-magenta: rgba(var(--coze-magenta-50), var(--coze-magenta-50-alpha));
   --coz-mg-color-plus-yellow: rgba(var(--coze-yellow-50), var(--coze-yellow-50-alpha));
   --coz-mg-color-orange-pressed: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
   --coz-mg-color-orange-hovered: rgba(var(--coze-yellow-2), var(--coze-yellow-2-alpha));
   --coz-mg-color-orange: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha));
   --coz-mg-color-emerald-pressed: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
   --coz-mg-color-emerald-hovered: rgba(var(--coze-green-2), var(--coze-green-2-alpha));
   --coz-mg-color-emerald: rgba(var(--coze-green-1), var(--coze-green-1-alpha));
   --coz-mg-color-cyan-pressed: rgba(var(--coze-cyan-30), var(--coze-cyan-30-alpha));
   --coz-mg-color-cyan-hovered: rgba(var(--coze-cyan-20), var(--coze-cyan-20-alpha));
   --coz-mg-color-cyan: rgba(var(--coze-cyan-10), var(--coze-cyan-10-alpha));
   --coz-mg-color-blue-pressed: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha));
   --coz-mg-color-blue-hovered: rgba(var(--coze-blue-20), var(--coze-blue-20-alpha));
   --coz-mg-color-blue: rgba(var(--coze-blue-10), var(--coze-blue-10-alpha));
   --coz-mg-color-purple-pressed: rgba(var(--coze-purple-30), var(--coze-purple-30-alpha));
   --coz-mg-color-purple-hovered: rgba(var(--coze-purple-20), var(--coze-purple-20-alpha));
   --coz-mg-color-purple: rgba(var(--coze-purple-10), var(--coze-purple-10-alpha));
   --coz-mg-color-magenta-pressed: rgba(var(--coze-magenta-30), var(--coze-magenta-30-alpha));
   --coz-mg-color-magenta-hovered: rgba(var(--coze-magenta-20), var(--coze-magenta-20-alpha));
   --coz-mg-color-magenta: rgba(var(--coze-magenta-10), var(--coze-magenta-10-alpha));
   --coz-mg-primary-pressed: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha));
   --coz-mg-primary-hovered: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
   --coz-mg-primary: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   --coz-mg-secondary-pressed: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
   --coz-mg-secondary-hovered: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   --coz-mg-secondary: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha));
   --coz-mg: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha));
   --coz-mg-mask: rgba(var(--coze-mask-5), 0.4);
   --coz-mg-table-fixed-hovered: rgba(var(--coze-bg-0), 1);
   --coz-mg-card-pressed: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   --coz-mg-card-hovered: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   --coz-mg-card: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   --coz-mg-color-plus-brand: rgba(var(--coze-brand-50), var(--coze-brand-50-alpha));
   --coz-bg-max: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   --coz-bg-plus: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
   --coz-bg-primary: rgba(var(--coze-bg-1), var(--coze-bg-1-alpha));
   --coz-bg: rgba(var(--coze-bg-1), var(--coze-bg-1-alpha));
   --coz-bg-secondary: rgba(var(--coze-bg-0), 1);
   --coz-stroke-hglt: rgba(var(--coze-brand-5), 1);
   --coz-stroke-plus: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
   --coz-stroke-primary: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   --coz-stroke-hglt-red: rgba(var(--coze-red-5), 1);
   --coz-stroke-hglt-yellow: rgba(var(--coze-yellow-5), 1);
   --coz-stroke-hglt-green: rgba(var(--coze-green-5), 1);
   --coz-stroke-color-orange: rgba(var(--coze-yellow-5), 1);
   --coz-stroke-color-emerald: rgba(var(--coze-green-5), 1);
   --coz-stroke-color-cyan: rgba(var(--coze-cyan-50), var(--coze-cyan-50-alpha));
   --coz-stroke-color-blue: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha));
   --coz-stroke-color-purple: rgba(var(--coze-purple-50), var(--coze-purple-50-alpha));
   --coz-stroke-color-magenta: rgba(var(--coze-magenta-50), var(--coze-magenta-50-alpha));
   --coz-stroke-color-yellow: rgba(var(--coze-yellow-50), var(--coze-yellow-50-alpha));
   --coz-stroke-color-brand: rgba(var(--coze-brand-50), var(--coze-brand-50-alpha));
   --coz-stroke-opaque: rgb(var(--coze-stroke-opaque));
   --coz-stroke-max: rgba(var(--coze-stroke-7), var(--coze-stroke-7-alpha));
   --coz-shadow: 0 4px 12px 0px rgba(var(--coze-shadow-0), 0.08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.04);
   --coz-shadow-large: 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.16), 0px 16px 48px 0px rgba(var(--coze-shadow-0), 0.08);
   --coz-shadow-default: 0 4px 12px 0px rgba(var(--coze-shadow-0), 0.08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.04);
   --coz-shadow-small: 0px 2px 6px 0px rgba(var(--coze-shadow-0), 0.04), 0px 4px 12px 0px rgba(var(--coze-shadow-0), 0.02);
   --coz-btn-rounded-large: var(--coze-10);
   --coz-btn-rounded-normal: var(--coze-8);
   --coz-btn-rounded-small: var(--coze-5);
   --coz-btn-rounded-mini: var(--coze-4);
   --coz-input-rounded-large: var(--coze-10);
   --coz-input-rounded-normal: var(--coze-8);
   --coz-input-rounded-small: var(--coze-6);
   --coz-input-height-large: var(--coze-40);
   --coz-input-height-normal: var(--coze-32);
   --coz-input-height-small: var(--coze-24);
   --coze-fg-image-bots: rgba(6, 7, 9, .8);
   --coze-fg-image-white: #fff;
   --coze-fg-image-user: hsla(0, 0%, 100%, .92);
   --coze-fg-image-user-name: #fff;
   --coze-fg-image-secondary: hsla(0, 0%, 100%, .6);
   --coze-bg-image-user: rgba(56, 57, 58, .7);
   --coze-bg-image-bots: hsla(0, 0%, 98%, .8);
   --coze-bg-image-question: hsla(0, 0%, 92%, .65);
   --coze-stroke-image-bots: rgba(6, 7, 9, .1);
   --coze-stroke-image-user: hsla(0, 0%, 100%, .12);
   --coze-stroke-image-hover: hsla(0, 0%, 100%, .28)
}

*,
:after,
:before {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x: ;
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position: ;
   --tw-gradient-via-position: ;
   --tw-gradient-to-position: ;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
   --tw-numeric-spacing: ;
   --tw-numeric-fraction: ;
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgba(59, 130, 246, .5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur: ;
   --tw-brightness: ;
   --tw-contrast: ;
   --tw-grayscale: ;
   --tw-hue-rotate: ;
   --tw-invert: ;
   --tw-saturate: ;
   --tw-sepia: ;
   --tw-drop-shadow: ;
   --tw-backdrop-blur: ;
   --tw-backdrop-brightness: ;
   --tw-backdrop-contrast: ;
   --tw-backdrop-grayscale: ;
   --tw-backdrop-hue-rotate: ;
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia:
}

::-ms-backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x: ;
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position: ;
   --tw-gradient-via-position: ;
   --tw-gradient-to-position: ;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
   --tw-numeric-spacing: ;
   --tw-numeric-fraction: ;
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgba(59, 130, 246, .5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur: ;
   --tw-brightness: ;
   --tw-contrast: ;
   --tw-grayscale: ;
   --tw-hue-rotate: ;
   --tw-invert: ;
   --tw-saturate: ;
   --tw-sepia: ;
   --tw-drop-shadow: ;
   --tw-backdrop-blur: ;
   --tw-backdrop-brightness: ;
   --tw-backdrop-contrast: ;
   --tw-backdrop-grayscale: ;
   --tw-backdrop-hue-rotate: ;
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia:
}

::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x: ;
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position: ;
   --tw-gradient-via-position: ;
   --tw-gradient-to-position: ;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
   --tw-numeric-spacing: ;
   --tw-numeric-fraction: ;
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgba(59, 130, 246, .5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur: ;
   --tw-brightness: ;
   --tw-contrast: ;
   --tw-grayscale: ;
   --tw-hue-rotate: ;
   --tw-invert: ;
   --tw-saturate: ;
   --tw-sepia: ;
   --tw-drop-shadow: ;
   --tw-backdrop-blur: ;
   --tw-backdrop-brightness: ;
   --tw-backdrop-contrast: ;
   --tw-backdrop-grayscale: ;
   --tw-backdrop-hue-rotate: ;
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia:
}

:is(.\!pointer-events-none) {
   pointer-events: none !important
}

:is(.pointer-events-none) {
   pointer-events: none
}

:is(.\!pointer-events-auto) {
   pointer-events: auto !important
}

:is(.pointer-events-auto) {
   pointer-events: auto
}

:is(.\!visible) {
   visibility: visible !important
}

:is(.visible) {
   visibility: visible
}

:is(.\!invisible) {
   visibility: hidden !important
}

:is(.invisible) {
   visibility: hidden
}

:is(.\!collapse) {
   visibility: collapse !important
}

:is(.collapse) {
   visibility: collapse
}

:is(.static) {
   position: static
}

:is(.\!fixed) {
   position: fixed !important
}

:is(.fixed) {
   position: fixed
}

:is(.absolute) {
   position: absolute
}

:is(.relative) {
   position: relative
}

:is(.\!sticky) {
   position: -webkit-sticky !important;
   position: sticky !important
}

:is(.sticky) {
   position: -webkit-sticky;
   position: sticky
}

:is(.inset) {
   inset: var(--coze-8)
}

:is(.inset-0) {
   inset: 0
}

:is(.inset-1\/2) {
   inset: 50%
}

:is(.inset-x-0) {
   left: 0;
   right: 0
}

:is(.\!end) {
   inset-inline-end: var(--coze-8) !important
}

:is(.\!left) {
   left: var(--coze-8) !important
}

:is(.\!right) {
   right: var(--coze-8) !important
}

:is(.\!start) {
   inset-inline-start: var(--coze-8) !important
}

:is(.\!top-0) {
   top: 0 !important
}

:is(.\!top-\[16px\]) {
   top: 16px !important
}

:is(.-bottom) {
   bottom: calc(var(--coze-8)*-1)
}

:is(.-bottom-\[1px\]) {
   bottom: -1px
}

:is(.-bottom-\[40px\]) {
   bottom: -40px
}

:is(.-left) {
   left: calc(var(--coze-8)*-1)
}

:is(.-left-\[64px\]) {
   left: -64px
}

:is(.-left-\[80px\]) {
   left: -80px
}

:is(.-right-\[1px\]) {
   right: -1px
}

:is(.-top) {
   top: calc(var(--coze-8)*-1)
}

:is(.-top-1) {
   top: -.25rem
}

:is(.-top-8) {
   top: -2rem
}

:is(.-top-\[120px\]) {
   top: -120px
}

:is(.-top-\[48px\]) {
   top: -48px
}

:is(.-top-\[80px\]) {
   top: -80px
}

:is(.bottom) {
   bottom: var(--coze-8)
}

:is(.bottom-0) {
   bottom: 0
}

:is(.bottom-12px) {
   bottom: var(--coze-12)
}

:is(.bottom-2) {
   bottom: .5rem
}

:is(.bottom-2\.5) {
   bottom: .625rem
}

:is(.bottom-24px) {
   bottom: var(--coze-24)
}

:is(.bottom-\[-10px\]) {
   bottom: -10px
}

:is(.bottom-\[-20px\]) {
   bottom: -20px
}

:is(.bottom-\[-2px\]) {
   bottom: -2px
}

:is(.bottom-\[-30px\]) {
   bottom: -30px
}

:is(.bottom-\[-60px\]) {
   bottom: -60px
}

:is(.bottom-\[-7\.5px\]) {
   bottom: -7.5px
}

:is(.bottom-\[-7px\]) {
   bottom: -7px
}

:is(.bottom-\[-8\%\]) {
   bottom: -8%
}

:is(.bottom-\[0\]) {
   bottom: 0
}

:is(.bottom-\[110px\]) {
   bottom: 110px
}

:is(.bottom-\[12px\]) {
   bottom: 12px
}

:is(.bottom-\[16px\]) {
   bottom: 16px
}

:is(.bottom-\[1px\]) {
   bottom: 1px
}

:is(.bottom-\[2px\]) {
   bottom: 2px
}

:is(.bottom-\[30px\]) {
   bottom: 30px
}

:is(.bottom-\[4px\]) {
   bottom: 4px
}

:is(.bottom-\[74px\]) {
   bottom: 74px
}

:is(.bottom-\[8px\]) {
   bottom: 8px
}

:is(.end) {
   inset-inline-end: var(--coze-8)
}

:is(.left) {
   left: var(--coze-8)
}

:is(.left-0) {
   left: 0
}

:is(.left-1\/2) {
   left: 50%
}

:is(.left-16px) {
   left: var(--coze-16)
}

:is(.left-20px) {
   left: var(--coze-20)
}

:is(.left-6) {
   left: 1.5rem
}

:is(.left-8px) {
   left: var(--coze-8)
}

:is(.left-\[-10px\]) {
   left: -10px
}

:is(.left-\[-140px\]) {
   left: -140px
}

:is(.left-\[-2px\]) {
   left: -2px
}

:is(.left-\[-48px\]) {
   left: -48px
}

:is(.left-\[-999px\]) {
   left: -999px
}

:is(.left-\[0\]) {
   left: 0
}

:is(.left-\[10px\]) {
   left: 10px
}

:is(.left-\[17px\]) {
   left: 17px
}

:is(.left-\[1px\]) {
   left: 1px
}

:is(.left-\[2px\]) {
   left: 2px
}

:is(.left-\[32px\]) {
   left: 32px
}

:is(.left-\[40\%\]) {
   left: 40%
}

:is(.left-\[50\%\]) {
   left: 50%
}

:is(.left-\[8px\]) {
   left: 8px
}

:is(.right) {
   right: var(--coze-8)
}

:is(.right-0) {
   right: 0
}

:is(.right-1) {
   right: .25rem
}

:is(.right-12px) {
   right: var(--coze-12)
}

:is(.right-16px) {
   right: var(--coze-16)
}

:is(.right-24px) {
   right: var(--coze-24)
}

:is(.right-3) {
   right: .75rem
}

:is(.right-5) {
   right: 1.25rem
}

:is(.right-8px) {
   right: var(--coze-8)
}

:is(.right-\[-100px\]) {
   right: -100px
}

:is(.right-\[-10px\]) {
   right: -10px
}

:is(.right-\[-12px\]) {
   right: -12px
}

:is(.right-\[-20px\]) {
   right: -20px
}

:is(.right-\[-2px\]) {
   right: -2px
}

:is(.right-\[-30\%\]) {
   right: -30%
}

:is(.right-\[-8px\]) {
   right: -8px
}

:is(.right-\[0\]) {
   right: 0
}

:is(.right-\[0px\]) {
   right: 0
}

:is(.right-\[10px\]) {
   right: 10px
}

:is(.right-\[12px\]) {
   right: 12px
}

:is(.right-\[16px\]) {
   right: 16px
}

:is(.right-\[1px\]) {
   right: 1px
}

:is(.right-\[20px\]) {
   right: 20px
}

:is(.right-\[24px\]) {
   right: 24px
}

:is(.right-\[30px\]) {
   right: 30px
}

:is(.right-\[4px\]) {
   right: 4px
}

:is(.right-\[8px\]) {
   right: 8px
}

:is(.start) {
   inset-inline-start: var(--coze-8)
}

:is(.top) {
   top: var(--coze-8)
}

:is(.top-0) {
   top: 0
}

:is(.top-0\.5) {
   top: .125rem
}

:is(.top-1) {
   top: .25rem
}

:is(.top-1\/2) {
   top: 50%
}

:is(.top-2) {
   top: .5rem
}

:is(.top-2\.5) {
   top: .625rem
}

:is(.top-24px) {
   top: var(--coze-24)
}

:is(.top-3) {
   top: .75rem
}

:is(.top-3px) {
   top: var(--coze-3)
}

:is(.top-40px) {
   top: var(--coze-40)
}

:is(.top-5) {
   top: 1.25rem
}

:is(.top-8) {
   top: 2rem
}

:is(.top-8px) {
   top: var(--coze-8)
}

:is(.top-9) {
   top: 2.25rem
}

:is(.top-\[-10px\]) {
   top: -10px
}

:is(.top-\[-14px\]) {
   top: -14px
}

:is(.top-\[-19px\]) {
   top: -19px
}

:is(.top-\[-1px\]) {
   top: -1px
}

:is(.top-\[-28px\]) {
   top: -28px
}

:is(.top-\[-2px\]) {
   top: -2px
}

:is(.top-\[-30px\]) {
   top: -30px
}

:is(.top-\[-32px\]) {
   top: -32px
}

:is(.top-\[-48px\]) {
   top: -48px
}

:is(.top-\[-4px\]) {
   top: -4px
}

:is(.top-\[-8px\]) {
   top: -8px
}

:is(.top-\[0\]) {
   top: 0
}

:is(.top-\[10px\]) {
   top: 10px
}

:is(.top-\[12px\]) {
   top: 12px
}

:is(.top-\[16px\]) {
   top: 16px
}

:is(.top-\[18px\]) {
   top: 18px
}

:is(.top-\[20px\]) {
   top: 20px
}

:is(.top-\[25\%\]) {
   top: 25%
}

:is(.top-\[2px\]) {
   top: 2px
}

:is(.top-\[30px\]) {
   top: 30px
}

:is(.top-\[32px\]) {
   top: 32px
}

:is(.top-\[34px\]) {
   top: 34px
}

:is(.top-\[36px\]) {
   top: 36px
}

:is(.top-\[3px\]) {
   top: 3px
}

:is(.top-\[40px\]) {
   top: 40px
}

:is(.top-\[50\%\]) {
   top: 50%
}

:is(.top-\[50px\]) {
   top: 50px
}

:is(.top-\[62px\]) {
   top: 62px
}

:is(.top-\[6px\]) {
   top: 6px
}

:is(.top-\[80px\]) {
   top: 80px
}

:is(.top-\[8px\]) {
   top: 8px
}

:is(.top-\[9px\]) {
   top: 9px
}

:is(.top-full) {
   top: 100%
}

:is(.-z-10) {
   z-index: -10
}

:is(.z-0) {
   z-index: 0
}

:is(.z-10) {
   z-index: 10
}

:is(.z-20) {
   z-index: 20
}

:is(.z-50) {
   z-index: 50
}

:is(.z-\[-1\]) {
   z-index: -1
}

:is(.z-\[1000\]) {
   z-index: 1000
}

:is(.z-\[100\]) {
   z-index: 100
}

:is(.z-\[1\]) {
   z-index: 1
}

:is(.z-\[20000\]) {
   z-index: 20000
}

:is(.z-\[200\]) {
   z-index: 200
}

:is(.z-\[2\]) {
   z-index: 2
}

:is(.z-\[300\]) {
   z-index: 300
}

:is(.z-\[99999\]) {
   z-index: 99999
}

:is(.z-\[9999\]) {
   z-index: 9999
}

:is(.z-\[999\]) {
   z-index: 999
}

:is(.z-\[9\]) {
   z-index: 9
}

:is(.col-span-2) {
   grid-column: span 2/span 2
}

:is(.float-left) {
   float: left
}

:is(.clear-both) {
   clear: both
}

:is(.\!m) {
   margin: var(--coze-8) !important
}

:is(.\!m-0) {
   margin: 0 !important
}

:is(.-m-4) {
   margin: -1rem
}

:is(.m) {
   margin: var(--coze-8)
}

:is(.m-0) {
   margin: 0
}

:is(.m-2) {
   margin: .5rem
}

:is(.m-2\.5) {
   margin: .625rem
}

:is(.m-5) {
   margin: 1.25rem
}

:is(.m-8px) {
   margin: var(--coze-8)
}

:is(.m-\[24px\]) {
   margin: 24px
}

:is(.m-\[4px\]) {
   margin: 4px
}

:is(.m-\[8px\]) {
   margin: 8px
}

:is(.m-auto) {
   margin: auto
}

:is(.\!my-4px) {
   margin-bottom: var(--coze-4) !important;
   margin-top: var(--coze-4) !important
}

:is(.\!my-px) {
   margin-bottom: 1px !important;
   margin-top: 1px !important
}

:is(.-mx-2) {
   margin-left: -.5rem;
   margin-right: -.5rem
}

:is(.-mx-3) {
   margin-left: -.75rem;
   margin-right: -.75rem
}

:is(.mx) {
   margin-left: var(--coze-8);
   margin-right: var(--coze-8)
}

:is(.mx-0) {
   margin-left: 0;
   margin-right: 0
}

:is(.mx-0\.5) {
   margin-left: .125rem;
   margin-right: .125rem
}

:is(.mx-1) {
   margin-left: .25rem;
   margin-right: .25rem
}

:is(.mx-12px) {
   margin-left: var(--coze-12);
   margin-right: var(--coze-12)
}

:is(.mx-2) {
   margin-left: .5rem;
   margin-right: .5rem
}

:is(.mx-3) {
   margin-left: .75rem;
   margin-right: .75rem
}

:is(.mx-5px) {
   margin-left: var(--coze-5);
   margin-right: var(--coze-5)
}

:is(.mx-6) {
   margin-left: 1.5rem;
   margin-right: 1.5rem
}

:is(.mx-6px) {
   margin-left: var(--coze-6);
   margin-right: var(--coze-6)
}

:is(.mx-8px) {
   margin-left: var(--coze-8);
   margin-right: var(--coze-8)
}

:is(.mx-\[-12px\]) {
   margin-left: -12px;
   margin-right: -12px
}

:is(.mx-\[-16px\]) {
   margin-left: -16px;
   margin-right: -16px
}

:is(.mx-\[-24px\]) {
   margin-left: -24px;
   margin-right: -24px
}

:is(.mx-\[-28px\]) {
   margin-left: -28px;
   margin-right: -28px
}

:is(.mx-\[-3\.5px\]) {
   margin-left: -3.5px;
   margin-right: -3.5px
}

:is(.mx-\[-30px\]) {
   margin-left: -30px;
   margin-right: -30px
}

:is(.mx-\[-8px\]) {
   margin-left: -8px;
   margin-right: -8px
}

:is(.mx-\[10px\]) {
   margin-left: 10px;
   margin-right: 10px
}

:is(.mx-\[12px\]) {
   margin-left: 12px;
   margin-right: 12px
}

:is(.mx-\[16px\]) {
   margin-left: 16px;
   margin-right: 16px
}

:is(.mx-\[24px\]) {
   margin-left: 24px;
   margin-right: 24px
}

:is(.mx-\[2px\]) {
   margin-left: 2px;
   margin-right: 2px
}

:is(.mx-\[3px\]) {
   margin-left: 3px;
   margin-right: 3px
}

:is(.mx-\[4px\]) {
   margin-left: 4px;
   margin-right: 4px
}

:is(.mx-\[6px\]) {
   margin-left: 6px;
   margin-right: 6px
}

:is(.mx-\[7px\]) {
   margin-left: 7px;
   margin-right: 7px
}

:is(.mx-\[80px\]) {
   margin-left: 80px;
   margin-right: 80px
}

:is(.mx-\[8px\]) {
   margin-left: 8px;
   margin-right: 8px
}

:is(.mx-\[9px\]) {
   margin-left: 9px;
   margin-right: 9px
}

:is(.mx-\[auto\]) {
   margin-left: auto;
   margin-right: auto
}

:is(.mx-auto) {
   margin-left: auto;
   margin-right: auto
}

:is(.my) {
   margin-bottom: var(--coze-8);
   margin-top: var(--coze-8)
}

:is(.my-0) {
   margin-bottom: 0;
   margin-top: 0
}

:is(.my-1) {
   margin-bottom: .25rem;
   margin-top: .25rem
}

:is(.my-1\.5) {
   margin-bottom: .375rem;
   margin-top: .375rem
}

:is(.my-12px) {
   margin-bottom: var(--coze-12);
   margin-top: var(--coze-12)
}

:is(.my-16px) {
   margin-bottom: var(--coze-16);
   margin-top: var(--coze-16)
}

:is(.my-2) {
   margin-bottom: .5rem;
   margin-top: .5rem
}

:is(.my-2\.5) {
   margin-bottom: .625rem;
   margin-top: .625rem
}

:is(.my-24px) {
   margin-bottom: var(--coze-24);
   margin-top: var(--coze-24)
}

:is(.my-3) {
   margin-bottom: .75rem;
   margin-top: .75rem
}

:is(.my-4px) {
   margin-bottom: var(--coze-4);
   margin-top: var(--coze-4)
}

:is(.my-6) {
   margin-bottom: 1.5rem;
   margin-top: 1.5rem
}

:is(.my-8) {
   margin-bottom: 2rem;
   margin-top: 2rem
}

:is(.my-8px) {
   margin-bottom: var(--coze-8);
   margin-top: var(--coze-8)
}

:is(.my-\[0\]) {
   margin-bottom: 0;
   margin-top: 0
}

:is(.my-\[100px\]) {
   margin-bottom: 100px;
   margin-top: 100px
}

:is(.my-\[10px\]) {
   margin-bottom: 10px;
   margin-top: 10px
}

:is(.my-\[12px\]) {
   margin-bottom: 12px;
   margin-top: 12px
}

:is(.my-\[16px\]) {
   margin-bottom: 16px;
   margin-top: 16px
}

:is(.my-\[1px\]) {
   margin-bottom: 1px;
   margin-top: 1px
}

:is(.my-\[2\.5px\]) {
   margin-bottom: 2.5px;
   margin-top: 2.5px
}

:is(.my-\[20px\]) {
   margin-bottom: 20px;
   margin-top: 20px
}

:is(.my-\[24px\]) {
   margin-bottom: 24px;
   margin-top: 24px
}

:is(.my-\[25px\]) {
   margin-bottom: 25px;
   margin-top: 25px
}

:is(.my-\[32px\]) {
   margin-bottom: 32px;
   margin-top: 32px
}

:is(.my-\[60px\]) {
   margin-bottom: 60px;
   margin-top: 60px
}

:is(.my-\[6px\]) {
   margin-bottom: 6px;
   margin-top: 6px
}

:is(.my-\[80px\]) {
   margin-bottom: 80px;
   margin-top: 80px
}

:is(.my-\[8px\]) {
   margin-bottom: 8px;
   margin-top: 8px
}

:is(.my-auto) {
   margin-bottom: auto;
   margin-top: auto
}

:is(.\!mb-0) {
   margin-bottom: 0 !important
}

:is(.\!mb-0\.5) {
   margin-bottom: .125rem !important
}

:is(.\!mb-3) {
   margin-bottom: .75rem !important
}

:is(.\!mb-4) {
   margin-bottom: 1rem !important
}

:is(.\!mb-8px) {
   margin-bottom: var(--coze-8) !important
}

:is(.\!mb-\[-28px\]) {
   margin-bottom: -28px !important
}

:is(.\!mb-\[14px\]) {
   margin-bottom: 14px !important
}

:is(.\!mb-\[24px\]) {
   margin-bottom: 24px !important
}

:is(.\!mb-\[4px\]) {
   margin-bottom: 4px !important
}

:is(.\!ml-0) {
   margin-left: 0 !important
}

:is(.\!ml-\[0px\]) {
   margin-left: 0 !important
}

:is(.\!ml-\[10px\]) {
   margin-left: 10px !important
}

:is(.\!ml-\[8px\]) {
   margin-left: 8px !important
}

:is(.\!mr-0) {
   margin-right: 0 !important
}

:is(.\!mr-2) {
   margin-right: .5rem !important
}

:is(.\!ms) {
   -webkit-margin-start: var(--coze-8) !important;
   margin-inline-start: var(--coze-8) !important
}

:is(.\!mt-2) {
   margin-top: .5rem !important
}

:is(.\!mt-2\.5) {
   margin-top: .625rem !important
}

:is(.\!mt-6) {
   margin-top: 1.5rem !important
}

:is(.\!mt-8px) {
   margin-top: var(--coze-8) !important
}

:is(.\!mt-\[16px\]) {
   margin-top: 16px !important
}

:is(.\!mt-\[8px\]) {
   margin-top: 8px !important
}

:is(.-mb-\[6px\]) {
   margin-bottom: -6px
}

:is(.-ml-8) {
   margin-left: -2rem
}

:is(.-mr-1) {
   margin-right: -.25rem
}

:is(.-mr-1\.5) {
   margin-right: -.375rem
}

:is(.-mt-\[1px\]) {
   margin-top: -1px
}

:is(.-mt-\[3px\]) {
   margin-top: -3px
}

:is(.mb) {
   margin-bottom: var(--coze-8)
}

:is(.mb-0) {
   margin-bottom: 0
}

:is(.mb-0\.5) {
   margin-bottom: .125rem
}

:is(.mb-1) {
   margin-bottom: .25rem
}

:is(.mb-10) {
   margin-bottom: 2.5rem
}

:is(.mb-10px) {
   margin-bottom: var(--coze-10)
}

:is(.mb-12) {
   margin-bottom: 3rem
}

:is(.mb-12px) {
   margin-bottom: var(--coze-12)
}

:is(.mb-16) {
   margin-bottom: 4rem
}

:is(.mb-16px) {
   margin-bottom: var(--coze-16)
}

:is(.mb-2) {
   margin-bottom: .5rem
}

:is(.mb-20px) {
   margin-bottom: var(--coze-20)
}

:is(.mb-24px) {
   margin-bottom: var(--coze-24)
}

:is(.mb-2px) {
   margin-bottom: var(--coze-2)
}

:is(.mb-3) {
   margin-bottom: .75rem
}

:is(.mb-32px) {
   margin-bottom: var(--coze-32)
}

:is(.mb-4) {
   margin-bottom: 1rem
}

:is(.mb-40px) {
   margin-bottom: var(--coze-40)
}

:is(.mb-4px) {
   margin-bottom: var(--coze-4)
}

:is(.mb-5) {
   margin-bottom: 1.25rem
}

:is(.mb-6) {
   margin-bottom: 1.5rem
}

:is(.mb-6px) {
   margin-bottom: var(--coze-6)
}

:is(.mb-7) {
   margin-bottom: 1.75rem
}

:is(.mb-8) {
   margin-bottom: 2rem
}

:is(.mb-8px) {
   margin-bottom: var(--coze-8)
}

:is(.mb-9) {
   margin-bottom: 2.25rem
}

:is(.mb-\[-1px\]) {
   margin-bottom: -1px
}

:is(.mb-\[-2px\]) {
   margin-bottom: -2px
}

:is(.mb-\[10px\]) {
   margin-bottom: 10px
}

:is(.mb-\[12px\]) {
   margin-bottom: 12px
}

:is(.mb-\[13px\]) {
   margin-bottom: 13px
}

:is(.mb-\[14px\]) {
   margin-bottom: 14px
}

:is(.mb-\[15px\]) {
   margin-bottom: 15px
}

:is(.mb-\[16px\]) {
   margin-bottom: 16px
}

:is(.mb-\[18px\]) {
   margin-bottom: 18px
}

:is(.mb-\[20px\]) {
   margin-bottom: 20px
}

:is(.mb-\[24px\]) {
   margin-bottom: 24px
}

:is(.mb-\[25px\]) {
   margin-bottom: 25px
}

:is(.mb-\[28px\]) {
   margin-bottom: 28px
}

:is(.mb-\[2px\]) {
   margin-bottom: 2px
}

:is(.mb-\[30px\]) {
   margin-bottom: 30px
}

:is(.mb-\[32px\]) {
   margin-bottom: 32px
}

:is(.mb-\[36px\]) {
   margin-bottom: 36px
}

:is(.mb-\[40px\]) {
   margin-bottom: 40px
}

:is(.mb-\[48px\]) {
   margin-bottom: 48px
}

:is(.mb-\[4px\]) {
   margin-bottom: 4px
}

:is(.mb-\[50px\]) {
   margin-bottom: 50px
}

:is(.mb-\[52px\]) {
   margin-bottom: 52px
}

:is(.mb-\[60px\]) {
   margin-bottom: 60px
}

:is(.mb-\[6px\]) {
   margin-bottom: 6px
}

:is(.mb-\[7px\]) {
   margin-bottom: 7px
}

:is(.mb-\[8px\]) {
   margin-bottom: 8px
}

:is(.me) {
   -webkit-margin-end: var(--coze-8);
   margin-inline-end: var(--coze-8)
}

:is(.ml) {
   margin-left: var(--coze-8)
}

:is(.ml-0) {
   margin-left: 0
}

:is(.ml-0\.5) {
   margin-left: .125rem
}

:is(.ml-1) {
   margin-left: .25rem
}

:is(.ml-1\.5) {
   margin-left: .375rem
}

:is(.ml-10) {
   margin-left: 2.5rem
}

:is(.ml-10px) {
   margin-left: var(--coze-10)
}

:is(.ml-12px) {
   margin-left: var(--coze-12)
}

:is(.ml-2) {
   margin-left: .5rem
}

:is(.ml-2px) {
   margin-left: var(--coze-2)
}

:is(.ml-3) {
   margin-left: .75rem
}

:is(.ml-32px) {
   margin-left: var(--coze-32)
}

:is(.ml-4) {
   margin-left: 1rem
}

:is(.ml-4px) {
   margin-left: var(--coze-4)
}

:is(.ml-5px) {
   margin-left: var(--coze-5)
}

:is(.ml-6) {
   margin-left: 1.5rem
}

:is(.ml-6px) {
   margin-left: var(--coze-6)
}

:is(.ml-8) {
   margin-left: 2rem
}

:is(.ml-8px) {
   margin-left: var(--coze-8)
}

:is(.ml-9) {
   margin-left: 2.25rem
}

:is(.ml-9px) {
   margin-left: var(--coze-9)
}

:is(.ml-\[-12px\]) {
   margin-left: -12px
}

:is(.ml-\[-24px\]) {
   margin-left: -24px
}

:is(.ml-\[-2px\]) {
   margin-left: -2px
}

:is(.ml-\[-30px\]) {
   margin-left: -30px
}

:is(.ml-\[-3px\]) {
   margin-left: -3px
}

:is(.ml-\[-4px\]) {
   margin-left: -4px
}

:is(.ml-\[-6px\]) {
   margin-left: -6px
}

:is(.ml-\[-8px\]) {
   margin-left: -8px
}

:is(.ml-\[0px\]) {
   margin-left: 0
}

:is(.ml-\[10px\]) {
   margin-left: 10px
}

:is(.ml-\[12px\]) {
   margin-left: 12px
}

:is(.ml-\[15\%\]) {
   margin-left: 15%
}

:is(.ml-\[15px\]) {
   margin-left: 15px
}

:is(.ml-\[16px\]) {
   margin-left: 16px
}

:is(.ml-\[1px\]) {
   margin-left: 1px
}

:is(.ml-\[24px\]) {
   margin-left: 24px
}

:is(.ml-\[26px\]) {
   margin-left: 26px
}

:is(.ml-\[28px\]) {
   margin-left: 28px
}

:is(.ml-\[2px\]) {
   margin-left: 2px
}

:is(.ml-\[300px\]) {
   margin-left: 300px
}

:is(.ml-\[32px\]) {
   margin-left: 32px
}

:is(.ml-\[3px\]) {
   margin-left: 3px
}

:is(.ml-\[48px\]) {
   margin-left: 48px
}

:is(.ml-\[4px\]) {
   margin-left: 4px
}

:is(.ml-\[5px\]) {
   margin-left: 5px
}

:is(.ml-\[68px\]) {
   margin-left: 68px
}

:is(.ml-\[6px\]) {
   margin-left: 6px
}

:is(.ml-\[80px\]) {
   margin-left: 80px
}

:is(.ml-\[8px\]) {
   margin-left: 8px
}

:is(.ml-auto) {
   margin-left: auto
}

:is(.mr) {
   margin-right: var(--coze-8)
}

:is(.mr-1) {
   margin-right: .25rem
}

:is(.mr-10) {
   margin-right: 2.5rem
}

:is(.mr-10px) {
   margin-right: var(--coze-10)
}

:is(.mr-12px) {
   margin-right: var(--coze-12)
}

:is(.mr-16px) {
   margin-right: var(--coze-16)
}

:is(.mr-2) {
   margin-right: .5rem
}

:is(.mr-20px) {
   margin-right: var(--coze-20)
}

:is(.mr-2px) {
   margin-right: var(--coze-2)
}

:is(.mr-3) {
   margin-right: .75rem
}

:is(.mr-4) {
   margin-right: 1rem
}

:is(.mr-4px) {
   margin-right: var(--coze-4)
}

:is(.mr-6) {
   margin-right: 1.5rem
}

:is(.mr-6px) {
   margin-right: var(--coze-6)
}

:is(.mr-7) {
   margin-right: 1.75rem
}

:is(.mr-8px) {
   margin-right: var(--coze-8)
}

:is(.mr-\[-10px\]) {
   margin-right: -10px
}

:is(.mr-\[-24px\]) {
   margin-right: -24px
}

:is(.mr-\[-8px\]) {
   margin-right: -8px
}

:is(.mr-\[0px\]) {
   margin-right: 0
}

:is(.mr-\[108px\]) {
   margin-right: 108px
}

:is(.mr-\[10px\]) {
   margin-right: 10px
}

:is(.mr-\[12px\]) {
   margin-right: 12px
}

:is(.mr-\[16px\]) {
   margin-right: 16px
}

:is(.mr-\[1px\]) {
   margin-right: 1px
}

:is(.mr-\[20px\]) {
   margin-right: 20px
}

:is(.mr-\[24px\]) {
   margin-right: 24px
}

:is(.mr-\[2px\]) {
   margin-right: 2px
}

:is(.mr-\[32px\]) {
   margin-right: 32px
}

:is(.mr-\[3px\]) {
   margin-right: 3px
}

:is(.mr-\[40px\]) {
   margin-right: 40px
}

:is(.mr-\[4px\]) {
   margin-right: 4px
}

:is(.mr-\[5px\]) {
   margin-right: 5px
}

:is(.mr-\[6px\]) {
   margin-right: 6px
}

:is(.mr-\[7px\]) {
   margin-right: 7px
}

:is(.mr-\[8px\]) {
   margin-right: 8px
}

:is(.mr-\[9px\]) {
   margin-right: 9px
}

:is(.mr-auto) {
   margin-right: auto
}

:is(.ms) {
   -webkit-margin-start: var(--coze-8);
   margin-inline-start: var(--coze-8)
}

:is(.ms-\[8px\]) {
   -webkit-margin-start: 8px;
   margin-inline-start: 8px
}

:is(.mt) {
   margin-top: var(--coze-8)
}

:is(.mt-0) {
   margin-top: 0
}

:is(.mt-1) {
   margin-top: .25rem
}

:is(.mt-1\.5) {
   margin-top: .375rem
}

:is(.mt-10) {
   margin-top: 2.5rem
}

:is(.mt-12) {
   margin-top: 3rem
}

:is(.mt-12px) {
   margin-top: var(--coze-12)
}

:is(.mt-14px) {
   margin-top: var(--coze-14)
}

:is(.mt-16px) {
   margin-top: var(--coze-16)
}

:is(.mt-2) {
   margin-top: .5rem
}

:is(.mt-2\.5) {
   margin-top: .625rem
}

:is(.mt-20) {
   margin-top: 5rem
}

:is(.mt-20px) {
   margin-top: var(--coze-20)
}

:is(.mt-24px) {
   margin-top: var(--coze-24)
}

:is(.mt-26px) {
   margin-top: var(--coze-26)
}

:is(.mt-2px) {
   margin-top: var(--coze-2)
}

:is(.mt-3) {
   margin-top: .75rem
}

:is(.mt-32px) {
   margin-top: var(--coze-32)
}

:is(.mt-3px) {
   margin-top: var(--coze-3)
}

:is(.mt-4) {
   margin-top: 1rem
}

:is(.mt-40px) {
   margin-top: var(--coze-40)
}

:is(.mt-4px) {
   margin-top: var(--coze-4)
}

:is(.mt-5) {
   margin-top: 1.25rem
}

:is(.mt-5px) {
   margin-top: var(--coze-5)
}

:is(.mt-6) {
   margin-top: 1.5rem
}

:is(.mt-6px) {
   margin-top: var(--coze-6)
}

:is(.mt-8) {
   margin-top: 2rem
}

:is(.mt-8px) {
   margin-top: var(--coze-8)
}

:is(.mt-\[-10px\]) {
   margin-top: -10px
}

:is(.mt-\[-12px\]) {
   margin-top: -12px
}

:is(.mt-\[-14px\]) {
   margin-top: -14px
}

:is(.mt-\[-16px\]) {
   margin-top: -16px
}

:is(.mt-\[-2px\]) {
   margin-top: -2px
}

:is(.mt-\[-3px\]) {
   margin-top: -3px
}

:is(.mt-\[-4px\]) {
   margin-top: -4px
}

:is(.mt-\[-56px\]) {
   margin-top: -56px
}

:is(.mt-\[-6px\]) {
   margin-top: -6px
}

:is(.mt-\[-8px\]) {
   margin-top: -8px
}

:is(.mt-\[100px\]) {
   margin-top: 100px
}

:is(.mt-\[10px\]) {
   margin-top: 10px
}

:is(.mt-\[11px\]) {
   margin-top: 11px
}

:is(.mt-\[128px\]) {
   margin-top: 128px
}

:is(.mt-\[12px\]) {
   margin-top: 12px
}

:is(.mt-\[14px\]) {
   margin-top: 14px
}

:is(.mt-\[150px\]) {
   margin-top: 150px
}

:is(.mt-\[16px\]) {
   margin-top: 16px
}

:is(.mt-\[1px\]) {
   margin-top: 1px
}

:is(.mt-\[20px\]) {
   margin-top: 20px
}

:is(.mt-\[24px\]) {
   margin-top: 24px
}

:is(.mt-\[25px\]) {
   margin-top: 25px
}

:is(.mt-\[26px\]) {
   margin-top: 26px
}

:is(.mt-\[28px\]) {
   margin-top: 28px
}

:is(.mt-\[2px\]) {
   margin-top: 2px
}

:is(.mt-\[32px\]) {
   margin-top: 32px
}

:is(.mt-\[34px\]) {
   margin-top: 34px
}

:is(.mt-\[36px\]) {
   margin-top: 36px
}

:is(.mt-\[3px\]) {
   margin-top: 3px
}

:is(.mt-\[40px\]) {
   margin-top: 40px
}

:is(.mt-\[42px\]) {
   margin-top: 42px
}

:is(.mt-\[46px\]) {
   margin-top: 46px
}

:is(.mt-\[49px\]) {
   margin-top: 49px
}

:is(.mt-\[4px\]) {
   margin-top: 4px
}

:is(.mt-\[50px\]) {
   margin-top: 50px
}

:is(.mt-\[5px\]) {
   margin-top: 5px
}

:is(.mt-\[60px\]) {
   margin-top: 60px
}

:is(.mt-\[6px\]) {
   margin-top: 6px
}

:is(.mt-\[76px\]) {
   margin-top: 76px
}

:is(.mt-\[80px\]) {
   margin-top: 80px
}

:is(.mt-\[8px\]) {
   margin-top: 8px
}

:is(.mt-auto) {
   margin-top: auto
}

:is(.box-border) {
   box-sizing: border-box
}

:is(.\!box-content) {
   box-sizing: content-box !important
}

:is(.box-content) {
   box-sizing: content-box
}

:is(.\!line-clamp-2) {
   -webkit-box-orient: vertical !important;
   -webkit-line-clamp: 2 !important;
   display: -webkit-box !important;
   overflow: hidden !important
}

:is(.line-clamp-1) {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   display: -webkit-box;
   overflow: hidden
}

:is(.line-clamp-2) {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   display: -webkit-box;
   overflow: hidden
}

:is(.line-clamp-3) {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   display: -webkit-box;
   overflow: hidden
}

:is(.line-clamp-5) {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
   display: -webkit-box;
   overflow: hidden
}

:is(.line-clamp-\[3\]) {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   display: -webkit-box;
   overflow: hidden
}

:is(.\!block) {
   display: block !important
}

:is(.block) {
   display: block
}

:is(.inline-block) {
   display: inline-block
}

:is(.\!inline) {
   display: inline !important
}

:is(.inline) {
   display: inline
}

:is(.\!flex) {
   display: flex !important
}

:is(.flex) {
   display: flex
}

:is(.\!inline-flex) {
   display: inline-flex !important
}

:is(.inline-flex) {
   display: inline-flex
}

:is(.table) {
   display: table
}

:is(.table-cell) {
   display: table-cell
}

:is(.table-row) {
   display: table-row
}

:is(.grid) {
   display: grid
}

:is(.\!contents) {
   display: contents !important
}

:is(.contents) {
   display: contents
}

:is(.list-item) {
   display: list-item
}

:is(.\!hidden) {
   display: none !important
}

:is(.hidden) {
   display: none
}

:is(.aspect-\[180\/120\]) {
   aspect-ratio: 180/120
}

:is(.aspect-\[2\/1\]) {
   aspect-ratio: 2/1
}

:is(.aspect-\[262\/144\]) {
   aspect-ratio: 262/144
}

:is(.aspect-\[5\/3\]) {
   aspect-ratio: 5/3
}

:is(.aspect-\[8\/5\]) {
   aspect-ratio: 8/5
}

:is(.\!h-12) {
   height: 3rem !important
}

:is(.\!h-14px) {
   height: var(--coze-14) !important
}

:is(.\!h-16px) {
   height: var(--coze-16) !important
}

:is(.\!h-20px) {
   height: var(--coze-20) !important
}

:is(.\!h-28px) {
   height: var(--coze-28) !important
}

:is(.\!h-3) {
   height: .75rem !important
}

:is(.\!h-32px) {
   height: var(--coze-32) !important
}

:is(.\!h-4) {
   height: 1rem !important
}

:is(.\!h-5) {
   height: 1.25rem !important
}

:is(.\!h-6) {
   height: 1.5rem !important
}

:is(.\!h-8) {
   height: 2rem !important
}

:is(.\!h-\[12px\]) {
   height: 12px !important
}

:is(.\!h-\[142px\]) {
   height: 142px !important
}

:is(.\!h-\[16px\]) {
   height: 16px !important
}

:is(.\!h-\[208px\]) {
   height: 208px !important
}

:is(.\!h-\[20px\]) {
   height: 20px !important
}

:is(.\!h-\[24px\]) {
   height: 24px !important
}

:is(.\!h-\[28px\]) {
   height: 28px !important
}

:is(.\!h-\[30px\]) {
   height: 30px !important
}

:is(.\!h-\[32px\]) {
   height: 32px !important
}

:is(.\!h-\[40px\]) {
   height: 40px !important
}

:is(.\!h-\[488px\]) {
   height: 488px !important
}

:is(.\!h-\[54px\]) {
   height: 54px !important
}

:is(.\!h-\[600px\]) {
   height: 600px !important
}

:is(.\!h-\[80px\]) {
   height: 80px !important
}

:is(.\!h-\[80vh\]) {
   height: 80vh !important
}

:is(.\!h-\[calc\(100\%_-_68px\)\]) {
   height: calc(100% - 68px) !important
}

:is(.\!h-\[unset\]) {
   height: unset !important
}

:is(.\!h-auto) {
   height: auto !important
}

:is(.\!h-fit) {
   height: -webkit-fit-content !important;
   height: -moz-fit-content !important;
   height: fit-content !important
}

:is(.\!h-full) {
   height: 100% !important
}

:is(.h) {
   height: var(--coze-32)
}

:is(.h-0) {
   height: 0
}

:is(.h-10) {
   height: 2.5rem
}

:is(.h-10px) {
   height: var(--coze-10)
}

:is(.h-12) {
   height: 3rem
}

:is(.h-12px) {
   height: var(--coze-12)
}

:is(.h-14) {
   height: 3.5rem
}

:is(.h-14px) {
   height: var(--coze-14)
}

:is(.h-16) {
   height: 4rem
}

:is(.h-160px) {
   height: var(--coze-160)
}

:is(.h-16px) {
   height: var(--coze-16)
}

:is(.h-18px) {
   height: var(--coze-18)
}

:is(.h-1px) {
   height: var(--coze-1)
}

:is(.h-2) {
   height: .5rem
}

:is(.h-200px) {
   height: var(--coze-200)
}

:is(.h-20px) {
   height: var(--coze-20)
}

:is(.h-24px) {
   height: var(--coze-24)
}

:is(.h-28) {
   height: 7rem
}

:is(.h-3) {
   height: .75rem
}

:is(.h-3\.5) {
   height: .875rem
}

:is(.h-32) {
   height: 8rem
}

:is(.h-32px) {
   height: var(--coze-32)
}

:is(.h-3px) {
   height: var(--coze-3)
}

:is(.h-4) {
   height: 1rem
}

:is(.h-40) {
   height: 10rem
}

:is(.h-40px) {
   height: var(--coze-40)
}

:is(.h-48px) {
   height: var(--coze-48)
}

:is(.h-5) {
   height: 1.25rem
}

:is(.h-5px) {
   height: var(--coze-5)
}

:is(.h-6) {
   height: 1.5rem
}

:is(.h-60) {
   height: 15rem
}

:is(.h-64px) {
   height: var(--coze-64)
}

:is(.h-7) {
   height: 1.75rem
}

:is(.h-8) {
   height: 2rem
}

:is(.h-80px) {
   height: var(--coze-80)
}

:is(.h-8px) {
   height: var(--coze-8)
}

:is(.h-9) {
   height: 2.25rem
}

:is(.h-\[0px\]) {
   height: 0
}

:is(.h-\[1\.5px\]) {
   height: 1.5px
}

:is(.h-\[100\%\]) {
   height: 100%
}

:is(.h-\[100px\]) {
   height: 100px
}

:is(.h-\[102px\]) {
   height: 102px
}

:is(.h-\[104px\]) {
   height: 104px
}

:is(.h-\[106px\]) {
   height: 106px
}

:is(.h-\[10px\]) {
   height: 10px
}

:is(.h-\[117px\]) {
   height: 117px
}

:is(.h-\[118px\]) {
   height: 118px
}

:is(.h-\[11px\]) {
   height: 11px
}

:is(.h-\[120px\]) {
   height: 120px
}

:is(.h-\[124px\]) {
   height: 124px
}

:is(.h-\[126px\]) {
   height: 126px
}

:is(.h-\[128px\]) {
   height: 128px
}

:is(.h-\[12px\]) {
   height: 12px
}

:is(.h-\[131px\]) {
   height: 131px
}

:is(.h-\[132px\]) {
   height: 132px
}

:is(.h-\[135px\]) {
   height: 135px
}

:is(.h-\[136px\]) {
   height: 136px
}

:is(.h-\[140px\]) {
   height: 140px
}

:is(.h-\[144px\]) {
   height: 144px
}

:is(.h-\[148px\]) {
   height: 148px
}

:is(.h-\[14px\]) {
   height: 14px
}

:is(.h-\[150px\]) {
   height: 150px
}

:is(.h-\[152px\]) {
   height: 152px
}

:is(.h-\[158px\]) {
   height: 158px
}

:is(.h-\[15px\]) {
   height: 15px
}

:is(.h-\[160px\]) {
   height: 160px
}

:is(.h-\[162px\]) {
   height: 162px
}

:is(.h-\[164px\]) {
   height: 164px
}

:is(.h-\[16p\]) {
   height: 16p
}

:is(.h-\[16px\]) {
   height: 16px
}

:is(.h-\[174px\]) {
   height: 174px
}

:is(.h-\[180px\]) {
   height: 180px
}

:is(.h-\[18px\]) {
   height: 18px
}

:is(.h-\[192px\]) {
   height: 192px
}

:is(.h-\[194px\]) {
   height: 194px
}

:is(.h-\[1px\]) {
   height: 1px
}

:is(.h-\[200\%\]) {
   height: 200%
}

:is(.h-\[2000px\]) {
   height: 2000px
}

:is(.h-\[200px\]) {
   height: 200px
}

:is(.h-\[208px\]) {
   height: 208px
}

:is(.h-\[20px\]) {
   height: 20px
}

:is(.h-\[210px\]) {
   height: 210px
}

:is(.h-\[211px\]) {
   height: 211px
}

:is(.h-\[214px\]) {
   height: 214px
}

:is(.h-\[218px\]) {
   height: 218px
}

:is(.h-\[220px\]) {
   height: 220px
}

:is(.h-\[221px\]) {
   height: 221px
}

:is(.h-\[226px\]) {
   height: 226px
}

:is(.h-\[229px\]) {
   height: 229px
}

:is(.h-\[22px\]) {
   height: 22px
}

:is(.h-\[238px\]) {
   height: 238px
}

:is(.h-\[240px\]) {
   height: 240px
}

:is(.h-\[242px\]) {
   height: 242px
}

:is(.h-\[244px\]) {
   height: 244px
}

:is(.h-\[24px\]) {
   height: 24px
}

:is(.h-\[251px\]) {
   height: 251px
}

:is(.h-\[25px\]) {
   height: 25px
}

:is(.h-\[263px\]) {
   height: 263px
}

:is(.h-\[269px\]) {
   height: 269px
}

:is(.h-\[26px\]) {
   height: 26px
}

:is(.h-\[270px\]) {
   height: 270px
}

:is(.h-\[276px\]) {
   height: 276px
}

:is(.h-\[27px\]) {
   height: 27px
}

:is(.h-\[280px\]) {
   height: 280px
}

:is(.h-\[288px\]) {
   height: 288px
}

:is(.h-\[28px\]) {
   height: 28px
}

:is(.h-\[292px\]) {
   height: 292px
}

:is(.h-\[294px\]) {
   height: 294px
}

:is(.h-\[2px\]) {
   height: 2px
}

:is(.h-\[30\%\]) {
   height: 30%
}

:is(.h-\[300px\]) {
   height: 300px
}

:is(.h-\[30px\]) {
   height: 30px
}

:is(.h-\[320px\]) {
   height: 320px
}

:is(.h-\[324px\]) {
   height: 324px
}

:is(.h-\[32px\]) {
   height: 32px
}

:is(.h-\[33px\]) {
   height: 33px
}

:is(.h-\[340px\]) {
   height: 340px
}

:is(.h-\[344px\]) {
   height: 344px
}

:is(.h-\[356px\]) {
   height: 356px
}

:is(.h-\[360px\]) {
   height: 360px
}

:is(.h-\[362px\]) {
   height: 362px
}

:is(.h-\[36px\]) {
   height: 36px
}

:is(.h-\[38px\]) {
   height: 38px
}

:is(.h-\[392px\]) {
   height: 392px
}

:is(.h-\[3px\]) {
   height: 3px
}

:is(.h-\[400px\]) {
   height: 400px
}

:is(.h-\[404px\]) {
   height: 404px
}

:is(.h-\[40px\]) {
   height: 40px
}

:is(.h-\[412px\]) {
   height: 412px
}

:is(.h-\[418px\]) {
   height: 418px
}

:is(.h-\[42px\]) {
   height: 42px
}

:is(.h-\[44px\]) {
   height: 44px
}

:is(.h-\[466px\]) {
   height: 466px
}

:is(.h-\[46px\]) {
   height: 46px
}

:is(.h-\[48px\]) {
   height: 48px
}

:is(.h-\[4px\]) {
   height: 4px
}

:is(.h-\[50\%\]) {
   height: 50%
}

:is(.h-\[500px\]) {
   height: 500px
}

:is(.h-\[52px\]) {
   height: 52px
}

:is(.h-\[548px\]) {
   height: 548px
}

:is(.h-\[54px\]) {
   height: 54px
}

:is(.h-\[550px\]) {
   height: 550px
}

:is(.h-\[55px\]) {
   height: 55px
}

:is(.h-\[56px\]) {
   height: 56px
}

:is(.h-\[58px\]) {
   height: 58px
}

:is(.h-\[5px\]) {
   height: 5px
}

:is(.h-\[600px\]) {
   height: 600px
}

:is(.h-\[608px\]) {
   height: 608px
}

:is(.h-\[60px\]) {
   height: 60px
}

:is(.h-\[620px\]) {
   height: 620px
}

:is(.h-\[630px\]) {
   height: 630px
}

:is(.h-\[64px\]) {
   height: 64px
}

:is(.h-\[650px\]) {
   height: 650px
}

:is(.h-\[65px\]) {
   height: 65px
}

:is(.h-\[68px\]) {
   height: 68px
}

:is(.h-\[6px\]) {
   height: 6px
}

:is(.h-\[70px\]) {
   height: 70px
}

:is(.h-\[72px\]) {
   height: 72px
}

:is(.h-\[74px\]) {
   height: 74px
}

:is(.h-\[7px\]) {
   height: 7px
}

:is(.h-\[80\%\]) {
   height: 80%
}

:is(.h-\[80px\]) {
   height: 80px
}

:is(.h-\[82px\]) {
   height: 82px
}

:is(.h-\[89px\]) {
   height: 89px
}

:is(.h-\[8px\]) {
   height: 8px
}

:is(.h-\[90px\]) {
   height: 90px
}

:is(.h-\[90vh\]) {
   height: 90vh
}

:is(.h-\[92px\]) {
   height: 92px
}

:is(.h-\[95px\]) {
   height: 95px
}

:is(.h-\[96px\]) {
   height: 96px
}

:is(.h-\[9px\]) {
   height: 9px
}

:is(.h-\[calc\(100\%-112px\)\]) {
   height: calc(100% - 112px)
}

:is(.h-\[calc\(100\%-20px\)\]) {
   height: calc(100% - 20px)
}

:is(.h-\[calc\(100\%-270px\)\]) {
   height: calc(100% - 270px)
}

:is(.h-\[calc\(100\%-56px\)\]) {
   height: calc(100% - 56px)
}

:is(.h-\[calc\(100\%-64px\)\]) {
   height: calc(100% - 64px)
}

:is(.h-\[calc\(100\%_-_30px\)\]) {
   height: calc(100% - 30px)
}

:is(.h-\[calc\(100\%_-_48px\)\]) {
   height: calc(100% - 48px)
}

:is(.h-\[calc\(100\%_-_54px\)\]) {
   height: calc(100% - 54px)
}

:is(.h-\[calc\(100vh-180px\)\]) {
   height: calc(100vh - 180px)
}

:is(.h-auto) {
   height: auto
}

:is(.h-fit) {
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content
}

:is(.h-full) {
   height: 100%
}

:is(.h-md) {
   height: var(--coze-64)
}

:is(.h-mini) {
   height: var(--coze-16)
}

:is(.h-px) {
   height: 1px
}

:is(.h-screen) {
   height: 100vh
}

:is(.h-xxl) {
   height: var(--coze-96)
}

:is(.\!max-h-\[70vh\]) {
   max-height: 70vh !important
}

:is(.\!max-h-\[inherit\]) {
   max-height: inherit !important
}

:is(.max-h-40) {
   max-height: 10rem
}

:is(.max-h-44) {
   max-height: 11rem
}

:is(.max-h-80) {
   max-height: 20rem
}

:is(.max-h-\[108px\]) {
   max-height: 108px
}

:is(.max-h-\[122px\]) {
   max-height: 122px
}

:is(.max-h-\[146px\]) {
   max-height: 146px
}

:is(.max-h-\[176px\]) {
   max-height: 176px
}

:is(.max-h-\[188px\]) {
   max-height: 188px
}

:is(.max-h-\[200px\]) {
   max-height: 200px
}

:is(.max-h-\[208px\]) {
   max-height: 208px
}

:is(.max-h-\[220px\]) {
   max-height: 220px
}

:is(.max-h-\[255px\]) {
   max-height: 255px
}

:is(.max-h-\[260px\]) {
   max-height: 260px
}

:is(.max-h-\[276px\]) {
   max-height: 276px
}

:is(.max-h-\[289px\]) {
   max-height: 289px
}

:is(.max-h-\[292px\]) {
   max-height: 292px
}

:is(.max-h-\[300px\]) {
   max-height: 300px
}

:is(.max-h-\[304px\]) {
   max-height: 304px
}

:is(.max-h-\[310px\]) {
   max-height: 310px
}

:is(.max-h-\[312px\]) {
   max-height: 312px
}

:is(.max-h-\[320px\]) {
   max-height: 320px
}

:is(.max-h-\[330px\]) {
   max-height: 330px
}

:is(.max-h-\[336px\]) {
   max-height: 336px
}

:is(.max-h-\[340px\]) {
   max-height: 340px
}

:is(.max-h-\[360px\]) {
   max-height: 360px
}

:is(.max-h-\[372px\]) {
   max-height: 372px
}

:is(.max-h-\[389px\]) {
   max-height: 389px
}

:is(.max-h-\[400px\]) {
   max-height: 400px
}

:is(.max-h-\[406px\]) {
   max-height: 406px
}

:is(.max-h-\[448px\]) {
   max-height: 448px
}

:is(.max-h-\[44px\]) {
   max-height: 44px
}

:is(.max-h-\[450px\]) {
   max-height: 450px
}

:is(.max-h-\[460px\]) {
   max-height: 460px
}

:is(.max-h-\[480px\]) {
   max-height: 480px
}

:is(.max-h-\[500px\]) {
   max-height: 500px
}

:is(.max-h-\[50vh\]) {
   max-height: 50vh
}

:is(.max-h-\[560px\]) {
   max-height: 560px
}

:is(.max-h-\[600px\]) {
   max-height: 600px
}

:is(.max-h-\[630px\]) {
   max-height: 630px
}

:is(.max-h-\[64px\]) {
   max-height: 64px
}

:is(.max-h-\[70vh\]) {
   max-height: 70vh
}

:is(.max-h-\[72px\]) {
   max-height: 72px
}

:is(.max-h-\[80vh\]) {
   max-height: 80vh
}

:is(.max-h-\[auto\]) {
   max-height: auto
}

:is(.max-h-\[inherit\]) {
   max-height: inherit
}

:is(.max-h-full) {
   max-height: 100%
}

:is(.\!min-h-\[100px\]) {
   min-height: 100px !important
}

:is(.\!min-h-\[20px\]) {
   min-height: 20px !important
}

:is(.min-h-0) {
   min-height: 0
}

:is(.min-h-\[100\%\]) {
   min-height: 100%
}

:is(.min-h-\[100px\]) {
   min-height: 100px
}

:is(.min-h-\[102px\]) {
   min-height: 102px
}

:is(.min-h-\[132px\]) {
   min-height: 132px
}

:is(.min-h-\[14px\]) {
   min-height: 14px
}

:is(.min-h-\[152px\]) {
   min-height: 152px
}

:is(.min-h-\[161px\]) {
   min-height: 161px
}

:is(.min-h-\[224px\]) {
   min-height: 224px
}

:is(.min-h-\[2284px\]) {
   min-height: 2284px
}

:is(.min-h-\[24px\]) {
   min-height: 24px
}

:is(.min-h-\[26px\]) {
   min-height: 26px
}

:is(.min-h-\[288px\]) {
   min-height: 288px
}

:is(.min-h-\[300px\]) {
   min-height: 300px
}

:is(.min-h-\[30px\]) {
   min-height: 30px
}

:is(.min-h-\[320px\]) {
   min-height: 320px
}

:is(.min-h-\[32px\]) {
   min-height: 32px
}

:is(.min-h-\[400px\]) {
   min-height: 400px
}

:is(.min-h-\[44px\]) {
   min-height: 44px
}

:is(.min-h-\[460px\]) {
   min-height: 460px
}

:is(.min-h-\[472px\]) {
   min-height: 472px
}

:is(.min-h-\[48px\]) {
   min-height: 48px
}

:is(.min-h-\[520px\]) {
   min-height: 520px
}

:is(.min-h-\[56px\]) {
   min-height: 56px
}

:is(.min-h-\[64px\]) {
   min-height: 64px
}

:is(.min-h-\[650px\]) {
   min-height: 650px
}

:is(.min-h-\[80px\]) {
   min-height: 80px
}

:is(.min-h-\[92px\]) {
   min-height: 92px
}

:is(.min-h-full) {
   min-height: 100%
}

:is(.min-h-screen) {
   min-height: 100vh
}

:is(.\!w) {
   width: var(--coze-32) !important
}

:is(.\!w-0) {
   width: 0 !important
}

:is(.\!w-14px) {
   width: var(--coze-14) !important
}

:is(.\!w-16px) {
   width: var(--coze-16) !important
}

:is(.\!w-28px) {
   width: var(--coze-28) !important
}

:is(.\!w-32px) {
   width: var(--coze-32) !important
}

:is(.\!w-4) {
   width: 1rem !important
}

:is(.\!w-8) {
   width: 2rem !important
}

:is(.\!w-\[0px\]) {
   width: 0 !important
}

:is(.\!w-\[100px\]) {
   width: 100px !important
}

:is(.\!w-\[120px\]) {
   width: 120px !important
}

:is(.\!w-\[132px\]) {
   width: 132px !important
}

:is(.\!w-\[14px\]) {
   width: 14px !important
}

:is(.\!w-\[160px\]) {
   width: 160px !important
}

:is(.\!w-\[165px\]) {
   width: 165px !important
}

:is(.\!w-\[168px\]) {
   width: 168px !important
}

:is(.\!w-\[20px\]) {
   width: 20px !important
}

:is(.\!w-\[240px\]) {
   width: 240px !important
}

:is(.\!w-\[24px\]) {
   width: 24px !important
}

:is(.\!w-\[276px\]) {
   width: 276px !important
}

:is(.\!w-\[28px\]) {
   width: 28px !important
}

:is(.\!w-\[292px\]) {
   width: 292px !important
}

:is(.\!w-\[301px\]) {
   width: 301px !important
}

:is(.\!w-\[30px\]) {
   width: 30px !important
}

:is(.\!w-\[310px\]) {
   width: 310px !important
}

:is(.\!w-\[32px\]) {
   width: 32px !important
}

:is(.\!w-\[352px\]) {
   width: 352px !important
}

:is(.\!w-\[360px\]) {
   width: 360px !important
}

:is(.\!w-\[480px\]) {
   width: 480px !important
}

:is(.\!w-\[481px\]) {
   width: 481px !important
}

:is(.\!w-\[48px\]) {
   width: 48px !important
}

:is(.\!w-\[60px\]) {
   width: 60px !important
}

:is(.\!w-\[800px\]) {
   width: 800px !important
}

:is(.\!w-\[80px\]) {
   width: 80px !important
}

:is(.\!w-\[90px\]) {
   width: 90px !important
}

:is(.\!w-fit) {
   width: -webkit-fit-content !important;
   width: -moz-fit-content !important;
   width: fit-content !important
}

:is(.\!w-full) {
   width: 100% !important
}

:is(.\!w-screen) {
   width: 100vw !important
}

:is(.w) {
   width: var(--coze-32)
}

:is(.w-0) {
   width: 0
}

:is(.w-1\/2) {
   width: 50%
}

:is(.w-1\/4) {
   width: 25%
}

:is(.w-10) {
   width: 2.5rem
}

:is(.w-1080px) {
   width: var(--coze-1080)
}

:is(.w-10px) {
   width: var(--coze-10)
}

:is(.w-12) {
   width: 3rem
}

:is(.w-120px) {
   width: var(--coze-120)
}

:is(.w-12px) {
   width: var(--coze-12)
}

:is(.w-14) {
   width: 3.5rem
}

:is(.w-14px) {
   width: var(--coze-14)
}

:is(.w-16) {
   width: 4rem
}

:is(.w-160px) {
   width: var(--coze-160)
}

:is(.w-16px) {
   width: var(--coze-16)
}

:is(.w-18px) {
   width: var(--coze-18)
}

:is(.w-2) {
   width: .5rem
}

:is(.w-2\/3) {
   width: 66.666667%
}

:is(.w-20) {
   width: 5rem
}

:is(.w-200px) {
   width: var(--coze-200)
}

:is(.w-20px) {
   width: var(--coze-20)
}

:is(.w-24) {
   width: 6rem
}

:is(.w-240px) {
   width: var(--coze-240)
}

:is(.w-24px) {
   width: var(--coze-24)
}

:is(.w-28) {
   width: 7rem
}

:is(.w-28px) {
   width: var(--coze-28)
}

:is(.w-3) {
   width: .75rem
}

:is(.w-3\.5) {
   width: .875rem
}

:is(.w-32) {
   width: 8rem
}

:is(.w-320px) {
   width: var(--coze-320)
}

:is(.w-32px) {
   width: var(--coze-32)
}

:is(.w-3px) {
   width: var(--coze-3)
}

:is(.w-4) {
   width: 1rem
}

:is(.w-40px) {
   width: var(--coze-40)
}

:is(.w-48) {
   width: 12rem
}

:is(.w-480px) {
   width: var(--coze-480)
}

:is(.w-48px) {
   width: var(--coze-48)
}

:is(.w-5) {
   width: 1.25rem
}

:is(.w-5\/6) {
   width: 83.333333%
}

:is(.w-5px) {
   width: var(--coze-5)
}

:is(.w-6) {
   width: 1.5rem
}

:is(.w-60) {
   width: 15rem
}

:is(.w-640px) {
   width: var(--coze-640)
}

:is(.w-64px) {
   width: var(--coze-64)
}

:is(.w-72) {
   width: 18rem
}

:is(.w-8) {
   width: 2rem
}

:is(.w-80px) {
   width: var(--coze-80)
}

:is(.w-8px) {
   width: var(--coze-8)
}

:is(.w-9) {
   width: 2.25rem
}

:is(.w-96) {
   width: 24rem
}

:is(.w-96px) {
   width: var(--coze-96)
}

:is(.w-\[100\%\]) {
   width: 100%
}

:is(.w-\[1008px\]) {
   width: 1008px
}

:is(.w-\[100px\]) {
   width: 100px
}

:is(.w-\[1024px\]) {
   width: 1024px
}

:is(.w-\[102px\]) {
   width: 102px
}

:is(.w-\[104px\]) {
   width: 104px
}

:is(.w-\[108px\]) {
   width: 108px
}

:is(.w-\[10px\]) {
   width: 10px
}

:is(.w-\[110px\]) {
   width: 110px
}

:is(.w-\[112px\]) {
   width: 112px
}

:is(.w-\[114px\]) {
   width: 114px
}

:is(.w-\[116px\]) {
   width: 116px
}

:is(.w-\[117px\]) {
   width: 117px
}

:is(.w-\[11px\]) {
   width: 11px
}

:is(.w-\[120px\]) {
   width: 120px
}

:is(.w-\[122px\]) {
   width: 122px
}

:is(.w-\[128px\]) {
   width: 128px
}

:is(.w-\[12px\]) {
   width: 12px
}

:is(.w-\[130px\]) {
   width: 130px
}

:is(.w-\[132px\]) {
   width: 132px
}

:is(.w-\[133px\]) {
   width: 133px
}

:is(.w-\[138px\]) {
   width: 138px
}

:is(.w-\[140px\]) {
   width: 140px
}

:is(.w-\[142px\]) {
   width: 142px
}

:is(.w-\[144px\]) {
   width: 144px
}

:is(.w-\[146px\]) {
   width: 146px
}

:is(.w-\[1470px\]) {
   width: 1470px
}

:is(.w-\[148px\]) {
   width: 148px
}

:is(.w-\[14px\]) {
   width: 14px
}

:is(.w-\[150px\]) {
   width: 150px
}

:is(.w-\[152px\]) {
   width: 152px
}

:is(.w-\[160px\]) {
   width: 160px
}

:is(.w-\[162px\]) {
   width: 162px
}

:is(.w-\[164px\]) {
   width: 164px
}

:is(.w-\[166px\]) {
   width: 166px
}

:is(.w-\[16px\]) {
   width: 16px
}

:is(.w-\[170px\]) {
   width: 170px
}

:is(.w-\[172px\]) {
   width: 172px
}

:is(.w-\[176px\]) {
   width: 176px
}

:is(.w-\[180px\]) {
   width: 180px
}

:is(.w-\[182px\]) {
   width: 182px
}

:is(.w-\[184px\]) {
   width: 184px
}

:is(.w-\[18px\]) {
   width: 18px
}

:is(.w-\[190px\]) {
   width: 190px
}

:is(.w-\[192px\]) {
   width: 192px
}

:is(.w-\[196px\]) {
   width: 196px
}

:is(.w-\[198px\]) {
   width: 198px
}

:is(.w-\[199px\]) {
   width: 199px
}

:is(.w-\[1px\]) {
   width: 1px
}

:is(.w-\[200px\]) {
   width: 200px
}

:is(.w-\[202px\]) {
   width: 202px
}

:is(.w-\[205px\]) {
   width: 205px
}

:is(.w-\[206px\]) {
   width: 206px
}

:is(.w-\[207px\]) {
   width: 207px
}

:is(.w-\[208px\]) {
   width: 208px
}

:is(.w-\[20px\]) {
   width: 20px
}

:is(.w-\[212px\]) {
   width: 212px
}

:is(.w-\[218px\]) {
   width: 218px
}

:is(.w-\[220px\]) {
   width: 220px
}

:is(.w-\[224px\]) {
   width: 224px
}

:is(.w-\[228px\]) {
   width: 228px
}

:is(.w-\[22px\]) {
   width: 22px
}

:is(.w-\[230px\]) {
   width: 230px
}

:is(.w-\[240px\]) {
   width: 240px
}

:is(.w-\[240xp\]) {
   width: 240xp
}

:is(.w-\[244px\]) {
   width: 244px
}

:is(.w-\[248px\]) {
   width: 248px
}

:is(.w-\[249px\]) {
   width: 249px
}

:is(.w-\[24px\]) {
   width: 24px
}

:is(.w-\[250px\]) {
   width: 250px
}

:is(.w-\[256px\]) {
   width: 256px
}

:is(.w-\[260px\]) {
   width: 260px
}

:is(.w-\[266px\]) {
   width: 266px
}

:is(.w-\[268px\]) {
   width: 268px
}

:is(.w-\[26px\]) {
   width: 26px
}

:is(.w-\[27\.6px\]) {
   width: 27.6px
}

:is(.w-\[276px\]) {
   width: 276px
}

:is(.w-\[280px\]) {
   width: 280px
}

:is(.w-\[282px\]) {
   width: 282px
}

:is(.w-\[288px\]) {
   width: 288px
}

:is(.w-\[28px\]) {
   width: 28px
}

:is(.w-\[292px\]) {
   width: 292px
}

:is(.w-\[2px\]) {
   width: 2px
}

:is(.w-\[300px\]) {
   width: 300px
}

:is(.w-\[308px\]) {
   width: 308px
}

:is(.w-\[309px\]) {
   width: 309px
}

:is(.w-\[30px\]) {
   width: 30px
}

:is(.w-\[312px\]) {
   width: 312px
}

:is(.w-\[314px\]) {
   width: 314px
}

:is(.w-\[315px\]) {
   width: 315px
}

:is(.w-\[319px\]) {
   width: 319px
}

:is(.w-\[320px\]) {
   width: 320px
}

:is(.w-\[326px\]) {
   width: 326px
}

:is(.w-\[327px\]) {
   width: 327px
}

:is(.w-\[32px\]) {
   width: 32px
}

:is(.w-\[330px\]) {
   width: 330px
}

:is(.w-\[336px\]) {
   width: 336px
}

:is(.w-\[33px\]) {
   width: 33px
}

:is(.w-\[352px\]) {
   width: 352px
}

:is(.w-\[360px\]) {
   width: 360px
}

:is(.w-\[368px\]) {
   width: 368px
}

:is(.w-\[36px\]) {
   width: 36px
}

:is(.w-\[370px\]) {
   width: 370px
}

:is(.w-\[374px\]) {
   width: 374px
}

:is(.w-\[380px\]) {
   width: 380px
}

:is(.w-\[383px\]) {
   width: 383px
}

:is(.w-\[386px\]) {
   width: 386px
}

:is(.w-\[3px\]) {
   width: 3px
}

:is(.w-\[400px\]) {
   width: 400px
}

:is(.w-\[402px\]) {
   width: 402px
}

:is(.w-\[40px\]) {
   width: 40px
}

:is(.w-\[410px\]) {
   width: 410px
}

:is(.w-\[412px\]) {
   width: 412px
}

:is(.w-\[420px\]) {
   width: 420px
}

:is(.w-\[422px\]) {
   width: 422px
}

:is(.w-\[428px\]) {
   width: 428px
}

:is(.w-\[42px\]) {
   width: 42px
}

:is(.w-\[432px\]) {
   width: 432px
}

:is(.w-\[43px\]) {
   width: 43px
}

:is(.w-\[448px\]) {
   width: 448px
}

:is(.w-\[450px\]) {
   width: 450px
}

:is(.w-\[462px\]) {
   width: 462px
}

:is(.w-\[468px\]) {
   width: 468px
}

:is(.w-\[46px\]) {
   width: 46px
}

:is(.w-\[480px\]) {
   width: 480px
}

:is(.w-\[482px\]) {
   width: 482px
}

:is(.w-\[48px\]) {
   width: 48px
}

:is(.w-\[494px\]) {
   width: 494px
}

:is(.w-\[4px\]) {
   width: 4px
}

:is(.w-\[50\%\]) {
   width: 50%
}

:is(.w-\[500px\]) {
   width: 500px
}

:is(.w-\[50px\]) {
   width: 50px
}

:is(.w-\[512px\]) {
   width: 512px
}

:is(.w-\[520px\]) {
   width: 520px
}

:is(.w-\[52px\]) {
   width: 52px
}

:is(.w-\[53px\]) {
   width: 53px
}

:is(.w-\[540px\]) {
   width: 540px
}

:is(.w-\[59px\]) {
   width: 59px
}

:is(.w-\[5px\]) {
   width: 5px
}

:is(.w-\[600px\]) {
   width: 600px
}

:is(.w-\[60px\]) {
   width: 60px
}

:is(.w-\[625px\]) {
   width: 625px
}

:is(.w-\[630px\]) {
   width: 630px
}

:is(.w-\[640px\]) {
   width: 640px
}

:is(.w-\[64px\]) {
   width: 64px
}

:is(.w-\[660px\]) {
   width: 660px
}

:is(.w-\[664px\]) {
   width: 664px
}

:is(.w-\[672px\]) {
   width: 672px
}

:is(.w-\[680px\]) {
   width: 680px
}

:is(.w-\[69px\]) {
   width: 69px
}

:is(.w-\[700px\]) {
   width: 700px
}

:is(.w-\[704px\]) {
   width: 704px
}

:is(.w-\[70px\]) {
   width: 70px
}

:is(.w-\[713px\]) {
   width: 713px
}

:is(.w-\[71px\]) {
   width: 71px
}

:is(.w-\[720px\]) {
   width: 720px
}

:is(.w-\[72px\]) {
   width: 72px
}

:is(.w-\[74px\]) {
   width: 74px
}

:is(.w-\[80\%\]) {
   width: 80%
}

:is(.w-\[800px\]) {
   width: 800px
}

:is(.w-\[80px\]) {
   width: 80px
}

:is(.w-\[82px\]) {
   width: 82px
}

:is(.w-\[85px\]) {
   width: 85px
}

:is(.w-\[88px\]) {
   width: 88px
}

:is(.w-\[8px\]) {
   width: 8px
}

:is(.w-\[900px\]) {
   width: 900px
}

:is(.w-\[90px\]) {
   width: 90px
}

:is(.w-\[92px\]) {
   width: 92px
}

:is(.w-\[95\%\]) {
   width: 95%
}

:is(.w-\[95px\]) {
   width: 95px
}

:is(.w-\[calc\(100\%-16px\)\]) {
   width: calc(100% - 16px)
}

:is(.w-\[calc\(100\%-20px\)\]) {
   width: calc(100% - 20px)
}

:is(.w-\[calc\(100\%-220px\)\]) {
   width: calc(100% - 220px)
}

:is(.w-\[calc\(100\%-24px\)\]) {
   width: calc(100% - 24px)
}

:is(.w-\[calc\(100\%-300px\)\]) {
   width: calc(100% - 300px)
}

:is(.w-\[calc\(100\%-36px\)\]) {
   width: calc(100% - 36px)
}

:is(.w-\[calc\(100\%-40px\)\]) {
   width: calc(100% - 40px)
}

:is(.w-\[calc\(100\%-76px\)\]) {
   width: calc(100% - 76px)
}

:is(.w-\[calc\(100\%-92px\)\]) {
   width: calc(100% - 92px)
}

:is(.w-\[fit-content\]) {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

:is(.w-auto) {
   width: auto
}

:is(.w-fit) {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content
}

:is(.w-full) {
   width: 100%
}

:is(.w-max) {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content
}

:is(.w-min) {
   width: -webkit-min-content;
   width: -moz-min-content;
   width: min-content
}

:is(.w-px) {
   width: 1px
}

:is(.w-screen) {
   width: 100vw
}

:is(.w-xl) {
   width: var(--coze-80)
}

:is(.w-xxl) {
   width: var(--coze-96)
}

:is(.\!min-w-0) {
   min-width: 0 !important
}

:is(.\!min-w-\[20px\]) {
   min-width: 20px !important
}

:is(.\!min-w-\[24px\]) {
   min-width: 24px !important
}

:is(.\!min-w-\[28px\]) {
   min-width: 28px !important
}

:is(.\!min-w-\[70px\]) {
   min-width: 70px !important
}

:is(.\!min-w-\[98px\]) {
   min-width: 98px !important
}

:is(.\!min-w-\[auto\]) {
   min-width: auto !important
}

:is(.\!min-w-min) {
   min-width: -webkit-min-content !important;
   min-width: -moz-min-content !important;
   min-width: min-content !important
}

:is(.min-w-0) {
   min-width: 0
}

:is(.min-w-\[0px\]) {
   min-width: 0
}

:is(.min-w-\[100px\]) {
   min-width: 100px
}

:is(.min-w-\[106px\]) {
   min-width: 106px
}

:is(.min-w-\[114px\]) {
   min-width: 114px
}

:is(.min-w-\[1150px\]) {
   min-width: 1150px
}

:is(.min-w-\[120px\]) {
   min-width: 120px
}

:is(.min-w-\[1280px\]) {
   min-width: 1280px
}

:is(.min-w-\[128px\]) {
   min-width: 128px
}

:is(.min-w-\[132px\]) {
   min-width: 132px
}

:is(.min-w-\[140px\]) {
   min-width: 140px
}

:is(.min-w-\[150px\]) {
   min-width: 150px
}

:is(.min-w-\[152px\]) {
   min-width: 152px
}

:is(.min-w-\[160px\]) {
   min-width: 160px
}

:is(.min-w-\[168px\]) {
   min-width: 168px
}

:is(.min-w-\[16px\]) {
   min-width: 16px
}

:is(.min-w-\[170px\]) {
   min-width: 170px
}

:is(.min-w-\[190px\]) {
   min-width: 190px
}

:is(.min-w-\[1px\]) {
   min-width: 1px
}

:is(.min-w-\[200px\]) {
   min-width: 200px
}

:is(.min-w-\[240px\]) {
   min-width: 240px
}

:is(.min-w-\[24px\]) {
   min-width: 24px
}

:is(.min-w-\[250px\]) {
   min-width: 250px
}

:is(.min-w-\[270px\]) {
   min-width: 270px
}

:is(.min-w-\[280px\]) {
   min-width: 280px
}

:is(.min-w-\[282px\]) {
   min-width: 282px
}

:is(.min-w-\[28px\]) {
   min-width: 28px
}

:is(.min-w-\[302px\]) {
   min-width: 302px
}

:is(.min-w-\[30px\]) {
   min-width: 30px
}

:is(.min-w-\[320px\]) {
   min-width: 320px
}

:is(.min-w-\[324px\]) {
   min-width: 324px
}

:is(.min-w-\[36px\]) {
   min-width: 36px
}

:is(.min-w-\[40px\]) {
   min-width: 40px
}

:is(.min-w-\[411px\]) {
   min-width: 411px
}

:is(.min-w-\[42px\]) {
   min-width: 42px
}

:is(.min-w-\[460px\]) {
   min-width: 460px
}

:is(.min-w-\[480px\]) {
   min-width: 480px
}

:is(.min-w-\[512px\]) {
   min-width: 512px
}

:is(.min-w-\[60px\]) {
   min-width: 60px
}

:is(.min-w-\[610px\]) {
   min-width: 610px
}

:is(.min-w-\[640px\]) {
   min-width: 640px
}

:is(.min-w-\[64px\]) {
   min-width: 64px
}

:is(.min-w-\[65\%\]) {
   min-width: 65%
}

:is(.min-w-\[66px\]) {
   min-width: 66px
}

:is(.min-w-\[680px\]) {
   min-width: 680px
}

:is(.min-w-\[75px\]) {
   min-width: 75px
}

:is(.min-w-\[800px\]) {
   min-width: 800px
}

:is(.min-w-\[80px\]) {
   min-width: 80px
}

:is(.min-w-\[900px\]) {
   min-width: 900px
}

:is(.min-w-\[90px\]) {
   min-width: 90px
}

:is(.min-w-\[960px\]) {
   min-width: 960px
}

:is(.min-w-\[96px\]) {
   min-width: 96px
}

:is(.min-w-fit) {
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content
}

:is(.min-w-full) {
   min-width: 100%
}

:is(.min-w-min) {
   min-width: -webkit-min-content;
   min-width: -moz-min-content;
   min-width: min-content
}

:is(.\!max-w-\[100px\]) {
   max-width: 100px !important
}

:is(.\!max-w-\[150px\]) {
   max-width: 150px !important
}

:is(.\!max-w-\[180px\]) {
   max-width: 180px !important
}

:is(.\!max-w-\[200px\]) {
   max-width: 200px !important
}

:is(.\!max-w-\[208px\]) {
   max-width: 208px !important
}

:is(.\!max-w-\[24px\]) {
   max-width: 24px !important
}

:is(.\!max-w-\[301px\]) {
   max-width: 301px !important
}

:is(.\!max-w-\[320px\]) {
   max-width: 320px !important
}

:is(.\!max-w-\[370px\]) {
   max-width: 370px !important
}

:is(.\!max-w-\[400px\]) {
   max-width: 400px !important
}

:is(.\!max-w-\[600px\]) {
   max-width: 600px !important
}

:is(.\!max-w-\[680px\]) {
   max-width: 680px !important
}

:is(.\!max-w-full) {
   max-width: 100% !important
}

:is(.max-w-\[100\%\]) {
   max-width: 100%
}

:is(.max-w-\[1000px\]) {
   max-width: 1000px
}

:is(.max-w-\[1008px\]) {
   max-width: 1008px
}

:is(.max-w-\[100px\]) {
   max-width: 100px
}

:is(.max-w-\[100vw\]) {
   max-width: 100vw
}

:is(.max-w-\[110px\]) {
   max-width: 110px
}

:is(.max-w-\[1144px\]) {
   max-width: 1144px
}

:is(.max-w-\[120px\]) {
   max-width: 120px
}

:is(.max-w-\[128px\]) {
   max-width: 128px
}

:is(.max-w-\[136px\]) {
   max-width: 136px
}

:is(.max-w-\[138px\]) {
   max-width: 138px
}

:is(.max-w-\[1440px\]) {
   max-width: 1440px
}

:is(.max-w-\[1448px\]) {
   max-width: 1448px
}

:is(.max-w-\[144px\]) {
   max-width: 144px
}

:is(.max-w-\[1592px\]) {
   max-width: 1592px
}

:is(.max-w-\[160px\]) {
   max-width: 160px
}

:is(.max-w-\[162px\]) {
   max-width: 162px
}

:is(.max-w-\[1636px\]) {
   max-width: 1636px
}

:is(.max-w-\[176px\]) {
   max-width: 176px
}

:is(.max-w-\[180px\]) {
   max-width: 180px
}

:is(.max-w-\[1872px\]) {
   max-width: 1872px
}

:is(.max-w-\[196px\]) {
   max-width: 196px
}

:is(.max-w-\[198px\]) {
   max-width: 198px
}

:is(.max-w-\[200px\]) {
   max-width: 200px
}

:is(.max-w-\[206px\]) {
   max-width: 206px
}

:is(.max-w-\[210px\]) {
   max-width: 210px
}

:is(.max-w-\[220px\]) {
   max-width: 220px
}

:is(.max-w-\[224px\]) {
   max-width: 224px
}

:is(.max-w-\[226px\]) {
   max-width: 226px
}

:is(.max-w-\[230px\]) {
   max-width: 230px
}

:is(.max-w-\[236px\]) {
   max-width: 236px
}

:is(.max-w-\[240px\]) {
   max-width: 240px
}

:is(.max-w-\[250px\]) {
   max-width: 250px
}

:is(.max-w-\[256px\]) {
   max-width: 256px
}

:is(.max-w-\[260px\]) {
   max-width: 260px
}

:is(.max-w-\[270px\]) {
   max-width: 270px
}

:is(.max-w-\[275px\]) {
   max-width: 275px
}

:is(.max-w-\[295px\]) {
   max-width: 295px
}

:is(.max-w-\[300px\]) {
   max-width: 300px
}

:is(.max-w-\[306px\]) {
   max-width: 306px
}

:is(.max-w-\[310px\]) {
   max-width: 310px
}

:is(.max-w-\[315px\]) {
   max-width: 315px
}

:is(.max-w-\[320px\]) {
   max-width: 320px
}

:is(.max-w-\[328px\]) {
   max-width: 328px
}

:is(.max-w-\[330px\]) {
   max-width: 330px
}

:is(.max-w-\[338px\]) {
   max-width: 338px
}

:is(.max-w-\[340px\]) {
   max-width: 340px
}

:is(.max-w-\[345px\]) {
   max-width: 345px
}

:is(.max-w-\[350px\]) {
   max-width: 350px
}

:is(.max-w-\[352px\]) {
   max-width: 352px
}

:is(.max-w-\[360px\]) {
   max-width: 360px
}

:is(.max-w-\[37\%\]) {
   max-width: 37%
}

:is(.max-w-\[392px\]) {
   max-width: 392px
}

:is(.max-w-\[400px\]) {
   max-width: 400px
}

:is(.max-w-\[424px\]) {
   max-width: 424px
}

:is(.max-w-\[432px\]) {
   max-width: 432px
}

:is(.max-w-\[448px\]) {
   max-width: 448px
}

:is(.max-w-\[456px\]) {
   max-width: 456px
}

:is(.max-w-\[460px\]) {
   max-width: 460px
}

:is(.max-w-\[480px\]) {
   max-width: 480px
}

:is(.max-w-\[482px\]) {
   max-width: 482px
}

:is(.max-w-\[50\%\]) {
   max-width: 50%
}

:is(.max-w-\[550px\]) {
   max-width: 550px
}

:is(.max-w-\[60\%\]) {
   max-width: 60%
}

:is(.max-w-\[640px\]) {
   max-width: 640px
}

:is(.max-w-\[64px\]) {
   max-width: 64px
}

:is(.max-w-\[752px\]) {
   max-width: 752px
}

:is(.max-w-\[796px\]) {
   max-width: 796px
}

:is(.max-w-\[800px\]) {
   max-width: 800px
}

:is(.max-w-\[82px\]) {
   max-width: 82px
}

:is(.max-w-\[84px\]) {
   max-width: 84px
}

:is(.max-w-\[86px\]) {
   max-width: 86px
}

:is(.max-w-\[912px\]) {
   max-width: 912px
}

:is(.max-w-\[calc\(100\%-100px\)\]) {
   max-width: calc(100% - 100px)
}

:is(.max-w-\[calc\(100\%-44px\)\]) {
   max-width: calc(100% - 44px)
}

:is(.max-w-\[calc\(100vw-170px\)\]) {
   max-width: calc(100vw - 170px)
}

:is(.max-w-\[calc\(50\%-8px\)\]) {
   max-width: calc(50% - 8px)
}

:is(.max-w-\[unset\]) {
   max-width: unset
}

:is(.max-w-fit) {
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content
}

:is(.max-w-full) {
   max-width: 100%
}

:is(.max-w-lg) {
   max-width: 32rem
}

:is(.max-w-none) {
   max-width: none
}

:is(.max-w-xs) {
   max-width: 20rem
}

:is(.\!flex-1) {
   flex: 1 1 !important
}

:is(.flex-1) {
   flex: 1 1
}

:is(.flex-\[0_0_auto\]) {
   flex: 0 0 auto
}

:is(.flex-\[1\]) {
   flex: 1 1
}

:is(.flex-\[2\]) {
   flex: 2 1
}

:is(.flex-\[2_1_0\%\]) {
   flex: 2 1
}

:is(.flex-\[3\]) {
   flex: 3 1
}

:is(.flex-auto) {
   flex: 1 1 auto
}

:is(.flex-none) {
   flex: none
}

:is(.flex-shrink) {
   flex-shrink: 1
}

:is(.flex-shrink-0) {
   flex-shrink: 0
}

:is(.flex-shrink-\[10\]) {
   flex-shrink: 10
}

:is(.\!shrink-0) {
   flex-shrink: 0 !important
}

:is(.shrink) {
   flex-shrink: 1
}

:is(.shrink-0) {
   flex-shrink: 0
}

:is(.flex-grow) {
   flex-grow: 1
}

:is(.flex-grow-0) {
   flex-grow: 0
}

:is(.grow) {
   flex-grow: 1
}

:is(.grow-0) {
   flex-grow: 0
}

:is(.grow-\[1\]) {
   flex-grow: 1
}

:is(.basis) {
   flex-basis: var(--coze-8)
}

:is(.basis-1\/2) {
   flex-basis: 50%
}

:is(.basis-1\/3) {
   flex-basis: 33.333333%
}

:is(.basis-2\/3) {
   flex-basis: 66.666667%
}

:is(.basis-\[0\]) {
   flex-basis: 0
}

:is(.basis-\[122px\]) {
   flex-basis: 122px
}

:is(.basis-\[128px\]) {
   flex-basis: 128px
}

:is(.basis-\[130px\]) {
   flex-basis: 130px
}

:is(.basis-\[140px\]) {
   flex-basis: 140px
}

:is(.basis-\[164px\]) {
   flex-basis: 164px
}

:is(.basis-\[166px\]) {
   flex-basis: 166px
}

:is(.basis-auto) {
   flex-basis: auto
}

:is(.basis-full) {
   flex-basis: 100%
}

:is(.origin-top-left) {
   transform-origin: top left
}

:is(.\!translate-x-\[-6px\]) {
   --tw-translate-x: -6px !important;
   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)) !important
}

:is(.-translate-x-0) {
   --tw-translate-x: -0px;
   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))
}

:is(.-translate-x-1\/2) {
   --tw-translate-x: -50%;
   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))
}

:is(.-translate-x-\[2px\]) {
   --tw-translate-x: -2px;
   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))
}

:is(.-translate-y-1\/2) {
   --tw-translate-y: -50%;
   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))
}

:is(.-translate-y-1\/3) {
   --tw-translate-y: -33.333333%;
   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))
}

:is(.-translate-y-px) {
   --tw-translate-y: -1px;
   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))
}

:is(.translate-x-0) {
   --tw-translate-x: 0px;
   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))
}

:is(.translate-x-1\/3) {
   --tw-translate-x: 33.333333%;
   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))
}

:is(.translate-x-\[-4px\]) {
   --tw-translate-x: -4px;
   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))
}

:is(.translate-x-\[-50\%\]) {
   --tw-translate-x: -50%;
   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))
}

:is(.translate-x-\[-8px\]) {
   --tw-translate-x: -8px;
   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))
}

:is(.translate-x-\[6px\]) {
   --tw-translate-x: 6px;
   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))
}

:is(.translate-x-\[calc\(100\%-30px\)\]) {
   --tw-translate-x: calc(100% - 30px);
   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))
}

:is(.translate-y-\[-40px\]) {
   --tw-translate-y: -40px;
   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))
}

:is(.translate-y-\[-50\%\]) {
   --tw-translate-y: -50%;
   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))
}

:is(.translate-y-\[-60\%\]) {
   --tw-translate-y: -60%;
   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))
}

:is(.translate-y-\[-6px\]) {
   --tw-translate-y: -6px;
   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))
}

:is(.translate-y-\[-8px\]) {
   --tw-translate-y: -8px;
   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))
}

:is(.translate-y-\[100px\]) {
   --tw-translate-y: 100px;
   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))
}

:is(.translate-y-\[50\%\]) {
   --tw-translate-y: 50%;
   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))
}

:is(.-rotate-90) {
   --tw-rotate: -90deg;
   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))
}

:is(.rotate-0) {
   --tw-rotate: 0deg;
   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))
}

:is(.rotate-180) {
   --tw-rotate: 180deg;
   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))
}

:is(.rotate-45) {
   --tw-rotate: 45deg;
   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))
}

:is(.rotate-90) {
   --tw-rotate: 90deg;
   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))
}

:is(.rotate-\[-90deg\]) {
   --tw-rotate: -90deg;
   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))
}

:is(.rotate-\[0deg\]) {
   --tw-rotate: 0deg;
   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))
}

:is(.rotate-\[var\(--angle\)\]) {
   --tw-rotate: var(--angle);
   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))
}

:is(.scale-100) {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   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))
}

:is(.scale-50) {
   --tw-scale-x: .5;
   --tw-scale-y: .5;
   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))
}

:is(.\!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)) !important
}

:is(.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))
}

:is(.transform-gpu) {
   transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:is(.animate-\[spin_0\.8s_linear_infinite\]) {
   animation: spin .8s linear infinite
}

@keyframes pulse {
   50% {
      opacity: .5
   }
}

:is(.animate-pulse) {
   animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
   to {
      transform: rotate(1turn)
   }
}

:is(.animate-spin) {
   animation: spin 1s linear infinite
}

:is(.\!cursor-default) {
   cursor: default !important
}

:is(.\!cursor-not-allowed) {
   cursor: not-allowed !important
}

:is(.cursor-auto) {
   cursor: auto
}

:is(.cursor-col-resize) {
   cursor: col-resize
}

:is(.cursor-default) {
   cursor: default
}

:is(.cursor-grab) {
   cursor: -webkit-grab;
   cursor: grab
}

:is(.cursor-grabbing) {
   cursor: -webkit-grabbing;
   cursor: grabbing
}

:is(.cursor-move) {
   cursor: move
}

:is(.cursor-nesw-resize) {
   cursor: nesw-resize
}

:is(.cursor-not-allowed) {
   cursor: not-allowed
}

:is(.cursor-nwse-resize) {
   cursor: nwse-resize
}

:is(.cursor-pointer) {
   cursor: pointer
}

:is(.cursor-text) {
   cursor: text
}

:is(.cursor-zoom-in) {
   cursor: zoom-in
}

:is(.select-none) {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

:is(.select-text) {
   -webkit-user-select: text;
   -moz-user-select: text;
   -ms-user-select: text;
   user-select: text
}

:is(.select-all) {
   -webkit-user-select: all;
   -moz-user-select: all;
   user-select: all
}

:is(.select-auto) {
   -webkit-user-select: auto;
   -moz-user-select: auto;
   -ms-user-select: auto;
   user-select: auto
}

:is(.\!resize) {
   resize: both !important
}

:is(.resize) {
   resize: both
}

:is(.list-inside) {
   list-style-position: inside
}

:is(.list-disc) {
   list-style-type: disc
}

:is(.columns-5) {
   columns: 5
}

:is(.grid-flow-row) {
   grid-auto-flow: row
}

:is(.grid-flow-col) {
   grid-auto-flow: column
}

:is(.grid-flow-dense) {
   grid-auto-flow: dense
}

:is(.grid-flow-row-dense) {
   grid-auto-flow: row dense
}

:is(.grid-flow-col-dense) {
   grid-auto-flow: column dense
}

:is(.auto-rows-min) {
   grid-auto-rows: -webkit-min-content;
   grid-auto-rows: min-content
}

:is(.grid-cols-1) {
   grid-template-columns: repeat(1, minmax(0, 1fr))
}

:is(.grid-cols-10) {
   grid-template-columns: repeat(10, minmax(0, 1fr))
}

:is(.grid-cols-11) {
   grid-template-columns: repeat(11, minmax(0, 1fr))
}

:is(.grid-cols-12) {
   grid-template-columns: repeat(12, minmax(0, 1fr))
}

:is(.grid-cols-2) {
   grid-template-columns: repeat(2, minmax(0, 1fr))
}

:is(.grid-cols-3) {
   grid-template-columns: repeat(3, minmax(0, 1fr))
}

:is(.grid-cols-4) {
   grid-template-columns: repeat(4, minmax(0, 1fr))
}

:is(.grid-cols-5) {
   grid-template-columns: repeat(5, minmax(0, 1fr))
}

:is(.grid-cols-6) {
   grid-template-columns: repeat(6, minmax(0, 1fr))
}

:is(.grid-cols-7) {
   grid-template-columns: repeat(7, minmax(0, 1fr))
}

:is(.grid-cols-8) {
   grid-template-columns: repeat(8, minmax(0, 1fr))
}

:is(.grid-cols-9) {
   grid-template-columns: repeat(9, minmax(0, 1fr))
}

:is(.grid-cols-\[1fr_auto_1fr\]) {
   grid-template-columns: 1fr auto 1fr
}

:is(.grid-cols-\[5fr_5fr_8fr\]) {
   grid-template-columns: 5fr 5fr 8fr
}

:is(.grid-cols-\[minmax\(470px\2c 1fr\)_2fr\]) {
   grid-template-columns: minmax(470px, 1fr) 2fr
}

:is(.grid-cols-none) {
   grid-template-columns: none
}

:is(.grid-rows-1) {
   grid-template-rows: repeat(1, minmax(0, 1fr))
}

:is(.grid-rows-2) {
   grid-template-rows: repeat(2, minmax(0, 1fr))
}

:is(.grid-rows-3) {
   grid-template-rows: repeat(3, minmax(0, 1fr))
}

:is(.grid-rows-4) {
   grid-template-rows: repeat(4, minmax(0, 1fr))
}

:is(.grid-rows-5) {
   grid-template-rows: repeat(5, minmax(0, 1fr))
}

:is(.grid-rows-6) {
   grid-template-rows: repeat(6, minmax(0, 1fr))
}

:is(.grid-rows-none) {
   grid-template-rows: none
}

:is(.\!flex-row) {
   flex-direction: row !important
}

:is(.flex-row) {
   flex-direction: row
}

:is(.flex-row-reverse) {
   flex-direction: row-reverse
}

:is(.flex-col) {
   flex-direction: column
}

:is(.flex-col-reverse) {
   flex-direction: column-reverse
}

:is(.flex-wrap) {
   flex-wrap: wrap
}

:is(.flex-nowrap) {
   flex-wrap: nowrap
}

:is(.content-center) {
   align-content: center
}

:is(.content-start) {
   align-content: flex-start
}

:is(.items-start) {
   align-items: flex-start
}

:is(.items-end) {
   align-items: flex-end
}

:is(.\!items-center) {
   align-items: center !important
}

:is(.items-center) {
   align-items: center
}

:is(.items-baseline) {
   align-items: baseline
}

:is(.items-stretch) {
   align-items: stretch
}

:is(.justify-start) {
   justify-content: flex-start
}

:is(.justify-end) {
   justify-content: flex-end
}

:is(.justify-center) {
   justify-content: center
}

:is(.justify-between) {
   justify-content: space-between
}

:is(.justify-around) {
   justify-content: space-around
}

:is(.justify-evenly) {
   justify-content: space-evenly
}

:is(.justify-stretch) {
   justify-content: stretch
}

:is(.justify-items-center) {
   justify-items: center
}

:is(.\!gap-0) {
   gap: 0 !important
}

:is(.\!gap-\[6px\]) {
   gap: 6px !important
}

:is(.gap) {
   gap: var(--coze-8)
}

:is(.gap-0) {
   gap: 0
}

:is(.gap-0\.5) {
   gap: .125rem
}

:is(.gap-1) {
   gap: .25rem
}

:is(.gap-1\.5) {
   gap: .375rem
}

:is(.gap-10) {
   gap: 2.5rem
}

:is(.gap-1080px) {
   gap: var(--coze-1080)
}

:is(.gap-10px) {
   gap: var(--coze-10)
}

:is(.gap-11) {
   gap: 2.75rem
}

:is(.gap-12) {
   gap: 3rem
}

:is(.gap-120px) {
   gap: var(--coze-120)
}

:is(.gap-12px) {
   gap: var(--coze-12)
}

:is(.gap-14) {
   gap: 3.5rem
}

:is(.gap-14px) {
   gap: var(--coze-14)
}

:is(.gap-15px) {
   gap: var(--coze-15)
}

:is(.gap-16) {
   gap: 4rem
}

:is(.gap-160px) {
   gap: var(--coze-160)
}

:is(.gap-16px) {
   gap: var(--coze-16)
}

:is(.gap-18px) {
   gap: var(--coze-18)
}

:is(.gap-1px) {
   gap: var(--coze-1)
}

:is(.gap-2) {
   gap: .5rem
}

:is(.gap-2\.5) {
   gap: .625rem
}

:is(.gap-20) {
   gap: 5rem
}

:is(.gap-200px) {
   gap: var(--coze-200)
}

:is(.gap-20px) {
   gap: var(--coze-20)
}

:is(.gap-22px) {
   gap: var(--coze-22)
}

:is(.gap-24) {
   gap: 6rem
}

:is(.gap-240px) {
   gap: var(--coze-240)
}

:is(.gap-24px) {
   gap: var(--coze-24)
}

:is(.gap-26px) {
   gap: var(--coze-26)
}

:is(.gap-28) {
   gap: 7rem
}

:is(.gap-28px) {
   gap: var(--coze-28)
}

:is(.gap-2px) {
   gap: var(--coze-2)
}

:is(.gap-3) {
   gap: .75rem
}

:is(.gap-3\.5) {
   gap: .875rem
}

:is(.gap-30px) {
   gap: var(--coze-30)
}

:is(.gap-32) {
   gap: 8rem
}

:is(.gap-320px) {
   gap: var(--coze-320)
}

:is(.gap-32px) {
   gap: var(--coze-32)
}

:is(.gap-36) {
   gap: 9rem
}

:is(.gap-3px) {
   gap: var(--coze-3)
}

:is(.gap-4) {
   gap: 1rem
}

:is(.gap-40) {
   gap: 10rem
}

:is(.gap-40px) {
   gap: var(--coze-40)
}

:is(.gap-44) {
   gap: 11rem
}

:is(.gap-48) {
   gap: 12rem
}

:is(.gap-480px) {
   gap: var(--coze-480)
}

:is(.gap-48px) {
   gap: var(--coze-48)
}

:is(.gap-4px) {
   gap: var(--coze-4)
}

:is(.gap-5) {
   gap: 1.25rem
}

:is(.gap-52) {
   gap: 13rem
}

:is(.gap-56) {
   gap: 14rem
}

:is(.gap-5px) {
   gap: var(--coze-5)
}

:is(.gap-6) {
   gap: 1.5rem
}

:is(.gap-60) {
   gap: 15rem
}

:is(.gap-64) {
   gap: 16rem
}

:is(.gap-640px) {
   gap: var(--coze-640)
}

:is(.gap-64px) {
   gap: var(--coze-64)
}

:is(.gap-6px) {
   gap: var(--coze-6)
}

:is(.gap-7) {
   gap: 1.75rem
}

:is(.gap-72) {
   gap: 18rem
}

:is(.gap-8) {
   gap: 2rem
}

:is(.gap-80) {
   gap: 20rem
}

:is(.gap-800px) {
   gap: var(--coze-800)
}

:is(.gap-80px) {
   gap: var(--coze-80)
}

:is(.gap-8px) {
   gap: var(--coze-8)
}

:is(.gap-9) {
   gap: 2.25rem
}

:is(.gap-96) {
   gap: 24rem
}

:is(.gap-96px) {
   gap: var(--coze-96)
}

:is(.gap-9px) {
   gap: var(--coze-9)
}

:is(.gap-\[10px\]) {
   gap: 10px
}

:is(.gap-\[120px\]) {
   gap: 120px
}

:is(.gap-\[12px\]) {
   gap: 12px
}

:is(.gap-\[12px_12px\]) {
   gap: 12px 12px
}

:is(.gap-\[13px\]) {
   gap: 13px
}

:is(.gap-\[14px\]) {
   gap: 14px
}

:is(.gap-\[160px\]) {
   gap: 160px
}

:is(.gap-\[16px\]) {
   gap: 16px
}

:is(.gap-\[18px\]) {
   gap: 18px
}

:is(.gap-\[1px\]) {
   gap: 1px
}

:is(.gap-\[20px\]) {
   gap: 20px
}

:is(.gap-\[24px\]) {
   gap: 24px
}

:is(.gap-\[2px\]) {
   gap: 2px
}

:is(.gap-\[3\.5px\]) {
   gap: 3.5px
}

:is(.gap-\[32px\]) {
   gap: 32px
}

:is(.gap-\[36px\]) {
   gap: 36px
}

:is(.gap-\[3px\]) {
   gap: 3px
}

:is(.gap-\[40px\]) {
   gap: 40px
}

:is(.gap-\[44px\]) {
   gap: 44px
}

:is(.gap-\[48px\]) {
   gap: 48px
}

:is(.gap-\[4px\]) {
   gap: 4px
}

:is(.gap-\[50px\]) {
   gap: 50px
}

:is(.gap-\[58px\]) {
   gap: 58px
}

:is(.gap-\[5px\]) {
   gap: 5px
}

:is(.gap-\[6px\]) {
   gap: 6px
}

:is(.gap-\[80px\]) {
   gap: 80px
}

:is(.gap-\[8px\]) {
   gap: 8px
}

:is(.gap-base) {
   gap: 16px
}

:is(.gap-base-loose) {
   gap: 20px
}

:is(.gap-base-tight) {
   gap: 12px
}

:is(.gap-extra-loose) {
   gap: 32px
}

:is(.gap-extra-tight) {
   gap: 4px
}

:is(.gap-large) {
   gap: var(--coze-40)
}

:is(.gap-loose) {
   gap: 24px
}

:is(.gap-md) {
   gap: var(--coze-64)
}

:is(.gap-mini) {
   gap: var(--coze-16)
}

:is(.gap-mm) {
   gap: var(--coze-48)
}

:is(.gap-none) {
   gap: 0
}

:is(.gap-normal) {
   gap: var(--coze-32)
}

:is(.gap-px) {
   gap: 1px
}

:is(.gap-small) {
   gap: var(--coze-20)
}

:is(.gap-super-loose) {
   gap: 40px
}

:is(.gap-super-tight) {
   gap: 2px
}

:is(.gap-tight) {
   gap: 8px
}

:is(.gap-xl) {
   gap: var(--coze-80)
}

:is(.gap-xxl) {
   gap: var(--coze-96)
}

:is(.\!gap-x-\[4px\]) {
   column-gap: 4px !important
}

:is(.\!gap-x-\[5px\]) {
   column-gap: 5px !important
}

:is(.gap-x) {
   column-gap: var(--coze-8)
}

:is(.gap-x-0) {
   column-gap: 0
}

:is(.gap-x-0\.5) {
   column-gap: .125rem
}

:is(.gap-x-1) {
   column-gap: .25rem
}

:is(.gap-x-1\.5) {
   column-gap: .375rem
}

:is(.gap-x-10) {
   column-gap: 2.5rem
}

:is(.gap-x-1080px) {
   column-gap: var(--coze-1080)
}

:is(.gap-x-10px) {
   column-gap: var(--coze-10)
}

:is(.gap-x-11) {
   column-gap: 2.75rem
}

:is(.gap-x-12) {
   column-gap: 3rem
}

:is(.gap-x-120px) {
   column-gap: var(--coze-120)
}

:is(.gap-x-12px) {
   column-gap: var(--coze-12)
}

:is(.gap-x-14) {
   column-gap: 3.5rem
}

:is(.gap-x-14px) {
   column-gap: var(--coze-14)
}

:is(.gap-x-15px) {
   column-gap: var(--coze-15)
}

:is(.gap-x-16) {
   column-gap: 4rem
}

:is(.gap-x-160px) {
   column-gap: var(--coze-160)
}

:is(.gap-x-16px) {
   column-gap: var(--coze-16)
}

:is(.gap-x-18px) {
   column-gap: var(--coze-18)
}

:is(.gap-x-1px) {
   column-gap: var(--coze-1)
}

:is(.gap-x-2) {
   column-gap: .5rem
}

:is(.gap-x-2\.5) {
   column-gap: .625rem
}

:is(.gap-x-20) {
   column-gap: 5rem
}

:is(.gap-x-200px) {
   column-gap: var(--coze-200)
}

:is(.gap-x-20px) {
   column-gap: var(--coze-20)
}

:is(.gap-x-22px) {
   column-gap: var(--coze-22)
}

:is(.gap-x-24) {
   column-gap: 6rem
}

:is(.gap-x-240px) {
   column-gap: var(--coze-240)
}

:is(.gap-x-24px) {
   column-gap: var(--coze-24)
}

:is(.gap-x-26px) {
   column-gap: var(--coze-26)
}

:is(.gap-x-28) {
   column-gap: 7rem
}

:is(.gap-x-28px) {
   column-gap: var(--coze-28)
}

:is(.gap-x-2px) {
   column-gap: var(--coze-2)
}

:is(.gap-x-3) {
   column-gap: .75rem
}

:is(.gap-x-3\.5) {
   column-gap: .875rem
}

:is(.gap-x-30px) {
   column-gap: var(--coze-30)
}

:is(.gap-x-32) {
   column-gap: 8rem
}

:is(.gap-x-320px) {
   column-gap: var(--coze-320)
}

:is(.gap-x-32px) {
   column-gap: var(--coze-32)
}

:is(.gap-x-36) {
   column-gap: 9rem
}

:is(.gap-x-3px) {
   column-gap: var(--coze-3)
}

:is(.gap-x-4) {
   column-gap: 1rem
}

:is(.gap-x-40) {
   column-gap: 10rem
}

:is(.gap-x-40px) {
   column-gap: var(--coze-40)
}

:is(.gap-x-44) {
   column-gap: 11rem
}

:is(.gap-x-48) {
   column-gap: 12rem
}

:is(.gap-x-480px) {
   column-gap: var(--coze-480)
}

:is(.gap-x-48px) {
   column-gap: var(--coze-48)
}

:is(.gap-x-4px) {
   column-gap: var(--coze-4)
}

:is(.gap-x-5) {
   column-gap: 1.25rem
}

:is(.gap-x-52) {
   column-gap: 13rem
}

:is(.gap-x-56) {
   column-gap: 14rem
}

:is(.gap-x-5px) {
   column-gap: var(--coze-5)
}

:is(.gap-x-6) {
   column-gap: 1.5rem
}

:is(.gap-x-60) {
   column-gap: 15rem
}

:is(.gap-x-64) {
   column-gap: 16rem
}

:is(.gap-x-640px) {
   column-gap: var(--coze-640)
}

:is(.gap-x-64px) {
   column-gap: var(--coze-64)
}

:is(.gap-x-6px) {
   column-gap: var(--coze-6)
}

:is(.gap-x-7) {
   column-gap: 1.75rem
}

:is(.gap-x-72) {
   column-gap: 18rem
}

:is(.gap-x-8) {
   column-gap: 2rem
}

:is(.gap-x-80) {
   column-gap: 20rem
}

:is(.gap-x-800px) {
   column-gap: var(--coze-800)
}

:is(.gap-x-80px) {
   column-gap: var(--coze-80)
}

:is(.gap-x-8px) {
   column-gap: var(--coze-8)
}

:is(.gap-x-9) {
   column-gap: 2.25rem
}

:is(.gap-x-96) {
   column-gap: 24rem
}

:is(.gap-x-96px) {
   column-gap: var(--coze-96)
}

:is(.gap-x-9px) {
   column-gap: var(--coze-9)
}

:is(.gap-x-\[12px\]) {
   column-gap: 12px
}

:is(.gap-x-\[15px\]) {
   column-gap: 15px
}

:is(.gap-x-\[16px\]) {
   column-gap: 16px
}

:is(.gap-x-\[18px\]) {
   column-gap: 18px
}

:is(.gap-x-\[20px\]) {
   column-gap: 20px
}

:is(.gap-x-\[2px\]) {
   column-gap: 2px
}

:is(.gap-x-\[32px\]) {
   column-gap: 32px
}

:is(.gap-x-\[36px\]) {
   column-gap: 36px
}

:is(.gap-x-\[4px\]) {
   column-gap: 4px
}

:is(.gap-x-\[5px\]) {
   column-gap: 5px
}

:is(.gap-x-\[6px\]) {
   column-gap: 6px
}

:is(.gap-x-\[8px\]) {
   column-gap: 8px
}

:is(.gap-x-base) {
   column-gap: 16px
}

:is(.gap-x-base-loose) {
   column-gap: 20px
}

:is(.gap-x-base-tight) {
   column-gap: 12px
}

:is(.gap-x-extra-loose) {
   column-gap: 32px
}

:is(.gap-x-extra-tight) {
   column-gap: 4px
}

:is(.gap-x-large) {
   column-gap: var(--coze-40)
}

:is(.gap-x-loose) {
   column-gap: 24px
}

:is(.gap-x-md) {
   column-gap: var(--coze-64)
}

:is(.gap-x-mini) {
   column-gap: var(--coze-16)
}

:is(.gap-x-mm) {
   column-gap: var(--coze-48)
}

:is(.gap-x-none) {
   column-gap: 0
}

:is(.gap-x-normal) {
   column-gap: var(--coze-32)
}

:is(.gap-x-px) {
   column-gap: 1px
}

:is(.gap-x-small) {
   column-gap: var(--coze-20)
}

:is(.gap-x-super-loose) {
   column-gap: 40px
}

:is(.gap-x-super-tight) {
   column-gap: 2px
}

:is(.gap-x-tight) {
   column-gap: 8px
}

:is(.gap-x-xl) {
   column-gap: var(--coze-80)
}

:is(.gap-x-xxl) {
   column-gap: var(--coze-96)
}

:is(.gap-y) {
   row-gap: var(--coze-8)
}

:is(.gap-y-0) {
   row-gap: 0
}

:is(.gap-y-0\.5) {
   row-gap: .125rem
}

:is(.gap-y-1) {
   row-gap: .25rem
}

:is(.gap-y-1\.5) {
   row-gap: .375rem
}

:is(.gap-y-10) {
   row-gap: 2.5rem
}

:is(.gap-y-1080px) {
   row-gap: var(--coze-1080)
}

:is(.gap-y-10px) {
   row-gap: var(--coze-10)
}

:is(.gap-y-11) {
   row-gap: 2.75rem
}

:is(.gap-y-12) {
   row-gap: 3rem
}

:is(.gap-y-120px) {
   row-gap: var(--coze-120)
}

:is(.gap-y-12px) {
   row-gap: var(--coze-12)
}

:is(.gap-y-14) {
   row-gap: 3.5rem
}

:is(.gap-y-14px) {
   row-gap: var(--coze-14)
}

:is(.gap-y-15px) {
   row-gap: var(--coze-15)
}

:is(.gap-y-16) {
   row-gap: 4rem
}

:is(.gap-y-160px) {
   row-gap: var(--coze-160)
}

:is(.gap-y-16px) {
   row-gap: var(--coze-16)
}

:is(.gap-y-18px) {
   row-gap: var(--coze-18)
}

:is(.gap-y-1px) {
   row-gap: var(--coze-1)
}

:is(.gap-y-2) {
   row-gap: .5rem
}

:is(.gap-y-2\.5) {
   row-gap: .625rem
}

:is(.gap-y-20) {
   row-gap: 5rem
}

:is(.gap-y-200px) {
   row-gap: var(--coze-200)
}

:is(.gap-y-20px) {
   row-gap: var(--coze-20)
}

:is(.gap-y-22px) {
   row-gap: var(--coze-22)
}

:is(.gap-y-24) {
   row-gap: 6rem
}

:is(.gap-y-240px) {
   row-gap: var(--coze-240)
}

:is(.gap-y-24px) {
   row-gap: var(--coze-24)
}

:is(.gap-y-26px) {
   row-gap: var(--coze-26)
}

:is(.gap-y-28) {
   row-gap: 7rem
}

:is(.gap-y-28px) {
   row-gap: var(--coze-28)
}

:is(.gap-y-2px) {
   row-gap: var(--coze-2)
}

:is(.gap-y-3) {
   row-gap: .75rem
}

:is(.gap-y-3\.5) {
   row-gap: .875rem
}

:is(.gap-y-30px) {
   row-gap: var(--coze-30)
}

:is(.gap-y-32) {
   row-gap: 8rem
}

:is(.gap-y-320px) {
   row-gap: var(--coze-320)
}

:is(.gap-y-32px) {
   row-gap: var(--coze-32)
}

:is(.gap-y-36) {
   row-gap: 9rem
}

:is(.gap-y-3px) {
   row-gap: var(--coze-3)
}

:is(.gap-y-4) {
   row-gap: 1rem
}

:is(.gap-y-40) {
   row-gap: 10rem
}

:is(.gap-y-40px) {
   row-gap: var(--coze-40)
}

:is(.gap-y-44) {
   row-gap: 11rem
}

:is(.gap-y-48) {
   row-gap: 12rem
}

:is(.gap-y-480px) {
   row-gap: var(--coze-480)
}

:is(.gap-y-48px) {
   row-gap: var(--coze-48)
}

:is(.gap-y-4px) {
   row-gap: var(--coze-4)
}

:is(.gap-y-5) {
   row-gap: 1.25rem
}

:is(.gap-y-52) {
   row-gap: 13rem
}

:is(.gap-y-56) {
   row-gap: 14rem
}

:is(.gap-y-5px) {
   row-gap: var(--coze-5)
}

:is(.gap-y-6) {
   row-gap: 1.5rem
}

:is(.gap-y-60) {
   row-gap: 15rem
}

:is(.gap-y-64) {
   row-gap: 16rem
}

:is(.gap-y-640px) {
   row-gap: var(--coze-640)
}

:is(.gap-y-64px) {
   row-gap: var(--coze-64)
}

:is(.gap-y-6px) {
   row-gap: var(--coze-6)
}

:is(.gap-y-7) {
   row-gap: 1.75rem
}

:is(.gap-y-72) {
   row-gap: 18rem
}

:is(.gap-y-8) {
   row-gap: 2rem
}

:is(.gap-y-80) {
   row-gap: 20rem
}

:is(.gap-y-800px) {
   row-gap: var(--coze-800)
}

:is(.gap-y-80px) {
   row-gap: var(--coze-80)
}

:is(.gap-y-8px) {
   row-gap: var(--coze-8)
}

:is(.gap-y-9) {
   row-gap: 2.25rem
}

:is(.gap-y-96) {
   row-gap: 24rem
}

:is(.gap-y-96px) {
   row-gap: var(--coze-96)
}

:is(.gap-y-9px) {
   row-gap: var(--coze-9)
}

:is(.gap-y-\[10px\]) {
   row-gap: 10px
}

:is(.gap-y-\[12px\]) {
   row-gap: 12px
}

:is(.gap-y-\[16px\]) {
   row-gap: 16px
}

:is(.gap-y-\[20px\]) {
   row-gap: 20px
}

:is(.gap-y-\[24px\]) {
   row-gap: 24px
}

:is(.gap-y-\[2px\]) {
   row-gap: 2px
}

:is(.gap-y-\[34px\]) {
   row-gap: 34px
}

:is(.gap-y-\[4px\]) {
   row-gap: 4px
}

:is(.gap-y-\[8px\]) {
   row-gap: 8px
}

:is(.gap-y-\[9px\]) {
   row-gap: 9px
}

:is(.gap-y-base) {
   row-gap: 16px
}

:is(.gap-y-base-loose) {
   row-gap: 20px
}

:is(.gap-y-base-tight) {
   row-gap: 12px
}

:is(.gap-y-extra-loose) {
   row-gap: 32px
}

:is(.gap-y-extra-tight) {
   row-gap: 4px
}

:is(.gap-y-large) {
   row-gap: var(--coze-40)
}

:is(.gap-y-loose) {
   row-gap: 24px
}

:is(.gap-y-md) {
   row-gap: var(--coze-64)
}

:is(.gap-y-mini) {
   row-gap: var(--coze-16)
}

:is(.gap-y-mm) {
   row-gap: var(--coze-48)
}

:is(.gap-y-none) {
   row-gap: 0
}

:is(.gap-y-normal) {
   row-gap: var(--coze-32)
}

:is(.gap-y-px) {
   row-gap: 1px
}

:is(.gap-y-small) {
   row-gap: var(--coze-20)
}

:is(.gap-y-super-loose) {
   row-gap: 40px
}

:is(.gap-y-super-tight) {
   row-gap: 2px
}

:is(.gap-y-tight) {
   row-gap: 8px
}

:is(.gap-y-xl) {
   row-gap: var(--coze-80)
}

:is(.gap-y-xxl) {
   row-gap: var(--coze-96)
}

:is(.space-x-0>:not([hidden])~:not([hidden])) {
   --tw-space-x-reverse: 0;
   margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
   margin-right: calc(0px*var(--tw-space-x-reverse))
}

:is(.space-x-1>:not([hidden])~:not([hidden])) {
   --tw-space-x-reverse: 0;
   margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
   margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

:is(.space-x-2>:not([hidden])~:not([hidden])) {
   --tw-space-x-reverse: 0;
   margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
   margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

:is(.space-x-3>:not([hidden])~:not([hidden])) {
   --tw-space-x-reverse: 0;
   margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
   margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

:is(.space-x-4>:not([hidden])~:not([hidden])) {
   --tw-space-x-reverse: 0;
   margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
   margin-right: calc(1rem*var(--tw-space-x-reverse))
}

:is(.space-x-5>:not([hidden])~:not([hidden])) {
   --tw-space-x-reverse: 0;
   margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
   margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

:is(.space-x-6>:not([hidden])~:not([hidden])) {
   --tw-space-x-reverse: 0;
   margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
   margin-right: calc(1.5rem*var(--tw-space-x-reverse))
}

:is(.space-y-1>:not([hidden])~:not([hidden])) {
   --tw-space-y-reverse: 0;
   margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
   margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

:is(.space-y-2>:not([hidden])~:not([hidden])) {
   --tw-space-y-reverse: 0;
   margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
   margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

:is(.space-y-3>:not([hidden])~:not([hidden])) {
   --tw-space-y-reverse: 0;
   margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
   margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

:is(.space-y-4>:not([hidden])~:not([hidden])) {
   --tw-space-y-reverse: 0;
   margin-bottom: calc(1rem*var(--tw-space-y-reverse));
   margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

:is(.space-y-5>:not([hidden])~:not([hidden])) {
   --tw-space-y-reverse: 0;
   margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
   margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

:is(.space-y-8>:not([hidden])~:not([hidden])) {
   --tw-space-y-reverse: 0;
   margin-bottom: calc(2rem*var(--tw-space-y-reverse));
   margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

:is(.space-y-\[10px\]>:not([hidden])~:not([hidden])) {
   --tw-space-y-reverse: 0;
   margin-bottom: calc(10px*var(--tw-space-y-reverse));
   margin-top: calc(10px*(1 - var(--tw-space-y-reverse)))
}

:is(.space-y-\[8px\]>:not([hidden])~:not([hidden])) {
   --tw-space-y-reverse: 0;
   margin-bottom: calc(8px*var(--tw-space-y-reverse));
   margin-top: calc(8px*(1 - var(--tw-space-y-reverse)))
}

:is(.divide-x-0>:not([hidden])~:not([hidden])) {
   --tw-divide-x-reverse: 0;
   border-left-width: calc(0px*(1 - var(--tw-divide-x-reverse)));
   border-right-width: calc(0px*var(--tw-divide-x-reverse))
}

:is(.divide-y>:not([hidden])~:not([hidden])) {
   --tw-divide-y-reverse: 0;
   border-bottom-width: calc(var(--coze-1)*var(--tw-divide-y-reverse));
   border-top-width: calc(var(--coze-1)*(1 - var(--tw-divide-y-reverse)))
}

:is(.divide-solid>:not([hidden])~:not([hidden])) {
   border-style: solid
}

:is(.divide-background-6>:not([hidden])~:not([hidden])) {
   border-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

:is(.divide-gray-200>:not([hidden])~:not([hidden])) {
   --tw-divide-opacity: 1;
   border-color: rgb(229 231 235/var(--tw-divide-opacity))
}

:is(.divide-slate-200>:not([hidden])~:not([hidden])) {
   --tw-divide-opacity: 1;
   border-color: rgb(226 232 240/var(--tw-divide-opacity))
}

:is(.self-start) {
   align-self: flex-start
}

:is(.self-end) {
   align-self: flex-end
}

:is(.self-center) {
   align-self: center
}

:is(.self-stretch) {
   align-self: stretch
}

:is(.justify-self-end) {
   justify-self: end
}

:is(.\!overflow-auto) {
   overflow: auto !important
}

:is(.overflow-auto) {
   overflow: auto
}

:is(.\!overflow-hidden) {
   overflow: hidden !important
}

:is(.overflow-hidden) {
   overflow: hidden
}

:is(.\!overflow-visible) {
   overflow: visible !important
}

:is(.overflow-visible) {
   overflow: visible
}

:is(.\!overflow-scroll) {
   overflow: scroll !important
}

:is(.overflow-scroll) {
   overflow: scroll
}

:is(.overflow-x-auto) {
   overflow-x: auto
}

:is(.\!overflow-y-auto) {
   overflow-y: auto !important
}

:is(.overflow-y-auto) {
   overflow-y: auto
}

:is(.overflow-x-hidden) {
   overflow-x: hidden
}

:is(.overflow-y-hidden) {
   overflow-y: hidden
}

:is(.overflow-y-visible) {
   overflow-y: visible
}

:is(.overflow-x-scroll) {
   overflow-x: scroll
}

:is(.overflow-y-scroll) {
   overflow-y: scroll
}

:is(.truncate) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

:is(.overflow-ellipsis) {
   text-overflow: ellipsis
}

:is(.text-ellipsis) {
   text-overflow: ellipsis
}

:is(.text-clip) {
   text-overflow: clip
}

:is(.whitespace-normal) {
   white-space: normal
}

:is(.whitespace-nowrap) {
   white-space: nowrap
}

:is(.whitespace-pre) {
   white-space: pre
}

:is(.whitespace-pre-line) {
   white-space: pre-line
}

:is(.whitespace-pre-wrap) {
   white-space: pre-wrap
}

:is(.break-words) {
   overflow-wrap: break-word
}

:is(.break-all) {
   word-break: break-all
}

:is(.break-keep) {
   word-break: keep-all
}

:is(.\!rounded-\[10px\]) {
   border-radius: 10px !important
}

:is(.\!rounded-\[200px\]) {
   border-radius: 200px !important
}

:is(.\!rounded-\[20px\]) {
   border-radius: 20px !important
}

:is(.\!rounded-\[32px\]) {
   border-radius: 32px !important
}

:is(.\!rounded-\[36px\]) {
   border-radius: 36px !important
}

:is(.\!rounded-\[3px\]) {
   border-radius: 3px !important
}

:is(.\!rounded-\[4px\]) {
   border-radius: 4px !important
}

:is(.\!rounded-\[5px\]) {
   border-radius: 5px !important
}

:is(.\!rounded-\[6px\]) {
   border-radius: 6px !important
}

:is(.\!rounded-\[8px\]) {
   border-radius: 8px !important
}

:is(.\!rounded-full) {
   border-radius: 9999px !important
}

:is(.\!rounded-lg) {
   border-radius: .5rem !important
}

:is(.\!rounded-little) {
   border-radius: var(--coze-5) !important
}

:is(.rounded) {
   border-radius: var(--coze-8)
}

:is(.rounded-2xl) {
   border-radius: 1rem
}

:is(.rounded-3xl) {
   border-radius: 1.5rem
}

:is(.rounded-\[0\.5px\]) {
   border-radius: .5px
}

:is(.rounded-\[10px\]) {
   border-radius: 10px
}

:is(.rounded-\[11px\]) {
   border-radius: 11px
}

:is(.rounded-\[12px\]) {
   border-radius: 12px
}

:is(.rounded-\[14px\]) {
   border-radius: 14px
}

:is(.rounded-\[160px_160px_0_0\]) {
   border-radius: 160px 160px 0 0
}

:is(.rounded-\[16px\]) {
   border-radius: 16px
}

:is(.rounded-\[180px_180px_0_0\]) {
   border-radius: 180px 180px 0 0
}

:is(.rounded-\[18px\]) {
   border-radius: 18px
}

:is(.rounded-\[20px\]) {
   border-radius: 20px
}

:is(.rounded-\[24px\]) {
   border-radius: 24px
}

:is(.rounded-\[25px\]) {
   border-radius: 25px
}

:is(.rounded-\[2px\]) {
   border-radius: 2px
}

:is(.rounded-\[36px\]) {
   border-radius: 36px
}

:is(.rounded-\[3px\]) {
   border-radius: 3px
}

:is(.rounded-\[44px\]) {
   border-radius: 44px
}

:is(.rounded-\[4px\]) {
   border-radius: 4px
}

:is(.rounded-\[50\%\]) {
   border-radius: 50%
}

:is(.rounded-\[5px\]) {
   border-radius: 5px
}

:is(.rounded-\[64px\]) {
   border-radius: 64px
}

:is(.rounded-\[6px\]) {
   border-radius: 6px
}

:is(.rounded-\[7px\]) {
   border-radius: 7px
}

:is(.rounded-\[8px\]) {
   border-radius: 8px
}

:is(.rounded-\[99px\]) {
   border-radius: 99px
}

:is(.rounded-\[9px\]) {
   border-radius: 9px
}

:is(.rounded-full) {
   border-radius: 9999px
}

:is(.rounded-large) {
   border-radius: 12px
}

:is(.rounded-lg) {
   border-radius: .5rem
}

:is(.rounded-little) {
   border-radius: var(--coze-5)
}

:is(.rounded-m) {
   border-radius: var(--coze-10)
}

:is(.rounded-md) {
   border-radius: var(--coze-12)
}

:is(.rounded-medium) {
   border-radius: 6px
}

:is(.rounded-mini) {
   border-radius: var(--coze-4)
}

:is(.rounded-none) {
   border-radius: 0
}

:is(.rounded-normal) {
   border-radius: var(--coze-8)
}

:is(.rounded-sm) {
   border-radius: .125rem
}

:is(.rounded-small) {
   border-radius: 8px
}

:is(.rounded-ultra) {
   border-radius: var(--coze-40)
}

:is(.rounded-xl) {
   border-radius: var(--coze-16)
}

:is(.rounded-xxl) {
   border-radius: var(--coze-24)
}

:is(.\!rounded-l-none) {
   border-bottom-left-radius: 0 !important;
   border-top-left-radius: 0 !important
}

:is(.\!rounded-r-none) {
   border-bottom-right-radius: 0 !important;
   border-top-right-radius: 0 !important
}

:is(.rounded-b-\[10px\]) {
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px
}

:is(.rounded-b-\[6px\]) {
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px
}

:is(.rounded-b-\[8px\]) {
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px
}

:is(.rounded-b-lg) {
   border-bottom-left-radius: .5rem;
   border-bottom-right-radius: .5rem
}

:is(.rounded-b-none) {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
}

:is(.rounded-b-small) {
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px
}

:is(.rounded-r-\[8px\]) {
   border-bottom-right-radius: 8px;
   border-top-right-radius: 8px
}

:is(.rounded-t) {
   border-top-left-radius: var(--coze-8);
   border-top-right-radius: var(--coze-8)
}

:is(.rounded-t-3xl) {
   border-top-left-radius: 1.5rem;
   border-top-right-radius: 1.5rem
}

:is(.rounded-t-\[14px\]) {
   border-top-left-radius: 14px;
   border-top-right-radius: 14px
}

:is(.rounded-t-\[6px\]) {
   border-top-left-radius: 6px;
   border-top-right-radius: 6px
}

:is(.rounded-t-\[7px\]) {
   border-top-left-radius: 7px;
   border-top-right-radius: 7px
}

:is(.rounded-t-\[8px\]) {
   border-top-left-radius: 8px;
   border-top-right-radius: 8px
}

:is(.rounded-t-extra-small) {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px
}

:is(.rounded-t-lg) {
   border-top-left-radius: .5rem;
   border-top-right-radius: .5rem
}

:is(.rounded-t-none) {
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

:is(.rounded-bl-\[0px\]) {
   border-bottom-left-radius: 0
}

:is(.rounded-bl-lg) {
   border-bottom-left-radius: .5rem
}

:is(.rounded-br-\[14px\]) {
   border-bottom-right-radius: 14px
}

:is(.rounded-br-\[4px\]) {
   border-bottom-right-radius: 4px
}

:is(.rounded-br-large) {
   border-bottom-right-radius: 12px
}

:is(.rounded-tl-\[8px\]) {
   border-top-left-radius: 8px
}

:is(.rounded-tl-large) {
   border-top-left-radius: 12px
}

:is(.rounded-tl-lg) {
   border-top-left-radius: .5rem
}

:is(.rounded-tr-\[0px\]) {
   border-top-right-radius: 0
}

:is(.\!border) {
   border-width: var(--coze-1) !important
}

:is(.\!border-0) {
   border-width: 0 !important
}

:is(.\!border-\[1px\]) {
   border-width: 1px !important
}

:is(.border) {
   border-width: var(--coze-1)
}

:is(.border-0) {
   border-width: 0
}

:is(.border-\[0\.4px\]) {
   border-width: .4px
}

:is(.border-\[0\.5px\]) {
   border-width: .5px
}

:is(.border-\[0\.67px\]) {
   border-width: .67px
}

:is(.border-\[0\]) {
   border-width: 0
}

:is(.border-\[1\.5px\]) {
   border-width: 1.5px
}

:is(.border-\[1px\]) {
   border-width: 1px
}

:is(.border-\[4px\]) {
   border-width: 4px
}

:is(.border-\[8px\]) {
   border-width: 8px
}

:is(.border-x-0) {
   border-left-width: 0;
   border-right-width: 0
}

:is(.border-y-0) {
   border-bottom-width: 0;
   border-top-width: 0
}

:is(.\!border-b-0) {
   border-bottom-width: 0 !important
}

:is(.border-b) {
   border-bottom-width: var(--coze-1)
}

:is(.border-b-0) {
   border-bottom-width: 0
}

:is(.border-b-\[0\.6px\]) {
   border-bottom-width: .6px
}

:is(.border-b-\[1px\]) {
   border-bottom-width: 1px
}

:is(.border-l) {
   border-left-width: var(--coze-1)
}

:is(.border-l-0) {
   border-left-width: 0
}

:is(.border-l-2) {
   border-left-width: 2px
}

:is(.border-l-\[0\.25em\]) {
   border-left-width: .25em
}

:is(.border-l-\[1px\]) {
   border-left-width: 1px
}

:is(.border-l-\[3px\]) {
   border-left-width: 3px
}

:is(.border-r) {
   border-right-width: var(--coze-1)
}

:is(.border-r-0) {
   border-right-width: 0
}

:is(.border-r-2) {
   border-right-width: 2px
}

:is(.border-r-\[1px\]) {
   border-right-width: 1px
}

:is(.border-t) {
   border-top-width: var(--coze-1)
}

:is(.border-t-0) {
   border-top-width: 0
}

:is(.border-t-\[1px\]) {
   border-top-width: 1px
}

:is(.\!border-solid) {
   border-style: solid !important
}

:is(.border-solid) {
   border-style: solid
}

:is(.border-dashed) {
   border-style: dashed
}

:is(.\!border-none) {
   border-style: none !important
}

:is(.border-none) {
   border-style: none
}

:is(.\!border-\[rgba\(29\2c 28\2c 35\2c 0\.12\)\]) {
   border-color: rgba(29, 28, 35, .12) !important
}

:is(.\!border-\[var\(--semi-color-focus-border\)\]) {
   border-color: var(--semi-color-focus-border) !important
}

:is(.border-\[\#06070910\]) {
   border-color: #06070910
}

:is(.border-\[\#0607091A\]) {
   border-color: #0607091a
}

:is(.border-\[\#1C1F23\]\/\[8\%\]) {
   border-color: rgb(28 31 35/8%)
}

:is(.border-\[\#52649a21\]) {
   border-color: #52649a21
}

:is(.border-\[\#52649a29\]) {
   border-color: #52649a29
}

:is(.border-\[\#5E6AAD29\]) {
   border-color: #5e6aad29
}

:is(.border-\[\#ced0d4\]) {
   --tw-border-opacity: 1;
   border-color: rgb(206 208 212/var(--tw-border-opacity))
}

:is(.border-\[\#e2e4ef\]) {
   --tw-border-opacity: 1;
   border-color: rgb(226 228 239/var(--tw-border-opacity))
}

:is(.border-\[\#f0f0f0\]) {
   --tw-border-opacity: 1;
   border-color: rgb(240 240 240/var(--tw-border-opacity))
}

:is(.border-\[\#fff\]) {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255/var(--tw-border-opacity))
}

:is(.border-\[--coz-stroke-primary\]) {
   border-color: var(--coz-stroke-primary)
}

:is(.border-\[rgba\(28\2c 29\2c 35\2c 0\.12\)\]) {
   border-color: rgba(28, 29, 35, .12)
}

:is(.border-\[rgba\(46\2c 46\2c 57\2c 0\.08\)\]) {
   border-color: rgba(46, 46, 57, .08)
}

:is(.border-\[var\(--Stroke-COZ-stroke-primary\2c rgba\(87\2c 107\2c 183\2c 0\.16\)\)\]) {
   border-color: var(--Stroke-COZ-stroke-primary, rgba(87, 107, 183, .16))
}

:is(.border-\[var\(--coz-stroke-plus\)\]) {
   border-color: var(--coz-stroke-plus)
}

:is(.border-\[var\(--coz-stroke-primary\)\]) {
   border-color: var(--coz-stroke-primary)
}

:is(.border-\[var\(--coz-stroke-primary\2c rgba\(82\2c 100\2c 154\2c 0\.13\)\)\]) {
   border-color: var(--coz-stroke-primary, rgba(82, 100, 154, .13))
}

:is(.border-\[var\(--semi-color-danger\)\]) {
   border-color: var(--semi-color-danger)
}

:is(.border-black) {
   border-color: rgb(var(--black-6))
}

:is(.border-black\/5) {
   border-color: rgb(var(--black-6)/.05)
}

:is(.border-brand-6) {
   border-color: rgba(var(--coze-brand-6), 1)
}

:is(.border-foreground-1) {
   border-color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.border-green-5) {
   border-color: rgba(var(--coze-green-5), 1)
}

:is(.border-purple-5) {
   border-color: rgba(var(--coze-purple-5), 1)
}

:is(.border-red-2) {
   border-color: rgba(var(--coze-red-2), var(--coze-red-2-alpha))
}

:is(.border-red-5) {
   border-color: rgba(var(--coze-red-5), 1)
}

:is(.border-red-6) {
   border-color: rgba(var(--coze-red-6), 1)
}

:is(.border-stroke) {
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

:is(.border-stroke-5) {
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

:is(.border-transparent) {
   border-color: transparent
}

:is(.border-white) {
   border-color: rgb(var(--white-1))
}

:is(.border-yellow-5) {
   border-color: rgba(var(--coze-yellow-5), 1)
}

:is(.border-b-black\/10) {
   border-bottom-color: rgb(var(--black-6)/.1)
}

:is(.border-b-stroke) {
   border-bottom-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

:is(.border-b-stroke-5) {
   border-bottom-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

:is(.border-l-\[var\(--color-border-default\)\]) {
   border-left-color: var(--color-border-default)
}

:is(.border-l-primary-dark) {
   border-left-color: #7980ef
}

:is(.border-l-stroke-5) {
   border-left-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

:is(.\!bg-\[\#080D1EE5\]) {
   background-color: #080d1ee5 !important
}

:is(.\!bg-\[\#16103C\]) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(22 16 60/var(--tw-bg-opacity)) !important
}

:is(.\!bg-\[\#1D1C23\]) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(29 28 35/var(--tw-bg-opacity)) !important
}

:is(.\!bg-\[\#E7EAF6\]) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(231 234 246/var(--tw-bg-opacity)) !important
}

:is(.\!bg-\[\#F6F7FA\]) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(246 247 250/var(--tw-bg-opacity)) !important
}

:is(.\!bg-\[\#FFFFFF1F\]) {
   background-color: #ffffff1f !important
}

:is(.\!bg-\[rgb\(100\2c 102\2c 103\2c 15\%\)\]) {
   background-color: rgb(100, 102, 103, 15%) !important
}

:is(.\!bg-\[rgba\(0\2c 0\2c 0\2c 0\.28\)\]) {
   background-color: rgba(0, 0, 0, .28) !important
}

:is(.\!bg-black) {
   background-color: rgb(var(--black-6)) !important
}

:is(.\!bg-brand) {
   background-color: rgba(var(--coze-brand-7), 1) !important
}

:is(.\!bg-gray-200) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(229 231 235/var(--tw-bg-opacity)) !important
}

:is(.\!bg-transparent) {
   background-color: transparent !important
}

:is(.bg-\[\#00B2B2\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 178 178/var(--tw-bg-opacity))
}

:is(.bg-\[\#0607090A\]) {
   background-color: #0607090a
}

:is(.bg-\[\#06070910\]) {
   background-color: #06070910
}

:is(.bg-\[\#06070914\]) {
   background-color: #06070914
}

:is(.bg-\[\#0607091A\]) {
   background-color: #0607091a
}

:is(.bg-\[\#06070926\]) {
   background-color: #06070926
}

:is(.bg-\[\#0607094D\]) {
   background-color: #0607094d
}

:is(.bg-\[\#060709\]\/50) {
   background-color: rgba(6, 7, 9, .5)
}

:is(.bg-\[\#23293D\]\/\[\.11\]) {
   background-color: rgba(35, 41, 61, .11)
}

:is(.bg-\[\#2E2E380A\]) {
   background-color: #2e2e380a
}

:is(.bg-\[\#2E2E381F\]) {
   background-color: #2e2e381f
}

:is(.bg-\[\#4D53E8\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(77 83 232/var(--tw-bg-opacity))
}

:is(.bg-\[\#543EF7\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(84 62 247/var(--tw-bg-opacity))
}

:is(.bg-\[\#5546FF\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(85 70 255/var(--tw-bg-opacity))
}

:is(.bg-\[\#5a6ca70f\]) {
   background-color: #5a6ca70f
}

:is(.bg-\[\#888d92\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(136 141 146/var(--tw-bg-opacity))
}

:is(.bg-\[\#8E4EFF\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(142 78 255/var(--tw-bg-opacity))
}

:is(.bg-\[\#C861FD\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(200 97 253/var(--tw-bg-opacity))
}

:is(.bg-\[\#DEDBFF\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(222 219 255/var(--tw-bg-opacity))
}

:is(.bg-\[\#E9EBF2\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(233 235 242/var(--tw-bg-opacity))
}

:is(.bg-\[\#EDD5FC\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(237 213 252/var(--tw-bg-opacity))
}

:is(.bg-\[\#F0F0F5\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(240 240 245/var(--tw-bg-opacity))
}

:is(.bg-\[\#F2BE009C\]) {
   background-color: #f2be009c
}

:is(.bg-\[\#F2F3F7\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(242 243 247/var(--tw-bg-opacity))
}

:is(.bg-\[\#F5F5F5\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

:is(.bg-\[\#F7F7FA\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 250/var(--tw-bg-opacity))
}

:is(.bg-\[\#F9F9F9\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(249 249 249/var(--tw-bg-opacity))
}

:is(.bg-\[\#F9F9FD\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(249 249 253/var(--tw-bg-opacity))
}

:is(.bg-\[\#FCFCFF\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(252 252 255/var(--tw-bg-opacity))
}

:is(.bg-\[\#FFEFF1\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 239 241/var(--tw-bg-opacity))
}

:is(.bg-\[\#FFF3EA\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 243 234/var(--tw-bg-opacity))
}

:is(.bg-\[\#FFFAEB\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 250 235/var(--tw-bg-opacity))
}

:is(.bg-\[\#FFFBED\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 251 237/var(--tw-bg-opacity))
}

:is(.bg-\[\#FFFFFF99\]) {
   background-color: #ffffff99
}

:is(.bg-\[\#FFF\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.bg-\[\#aeb3c5\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(174 179 197/var(--tw-bg-opacity))
}

:is(.bg-\[\#e6e9ff\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(230 233 255/var(--tw-bg-opacity))
}

:is(.bg-\[\#f0f0f5\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(240 240 245/var(--tw-bg-opacity))
}

:is(.bg-\[\#f7f7f7\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 247/var(--tw-bg-opacity))
}

:is(.bg-\[\#fff\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.bg-\[\#ffffff\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.bg-\[--semi-color-bg-0\]) {
   background-color: var(--semi-color-bg-0)
}

:is(.bg-\[--semi-color-danger-light-default\]) {
   background-color: var(--semi-color-danger-light-default)
}

:is(.bg-\[--semi-color-disabled-fill\]) {
   background-color: var(--semi-color-disabled-fill)
}

:is(.bg-\[black\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

:is(.bg-\[rgb\(255\2c 255\2c 255\)\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.bg-\[rgb\(var\(--coze-up-brand-9\)\)\]) {
   background-color: rgb(var(--coze-up-brand-9))
}

:is(.bg-\[rgba\(0\2c 0\2c 0\2c 0\.03\)\]) {
   background-color: rgba(0, 0, 0, .03)
}

:is(.bg-\[rgba\(0\2c 0\2c 0\2c 0\.12\)\]) {
   background-color: rgba(0, 0, 0, .12)
}

:is(.bg-\[rgba\(0\2c 0\2c 0\2c 0\.6\)\]) {
   background-color: rgba(0, 0, 0, .6)
}

:is(.bg-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\]) {
   background-color: hsla(0, 0%, 100%, .12)
}

:is(.bg-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\]) {
   background-color: hsla(0, 0%, 100%, .75)
}

:is(.bg-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\]) {
   background-color: hsla(0, 0%, 100%, .8)
}

:is(.bg-\[rgba\(6\2c 7\2c 9\2c 0\.1\)\]) {
   background-color: rgba(6, 7, 9, .1)
}

:is(.bg-\[rgba\(var\(--coze-brand-1\)\2c var\(--coze-brand-1-alpha\)\)\]) {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

:is(.bg-\[rgba\(var\(--coze-green-1\)\2c var\(--coze-green-1-alpha\)\)\]) {
   background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha))
}

:is(.bg-\[rgba\(var\(--coze-red-1\)\2c var\(--coze-red-1-alpha\)\)\]) {
   background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha))
}

:is(.bg-\[rgba\(var\(--coze-yellow-1\)\2c var\(--coze-yellow-1-alpha\)\)\]) {
   background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha))
}

:is(.bg-\[transparent\]) {
   background-color: transparent
}

:is(.bg-\[var\(--Mg-COZ-mg-hglt-secondary\2c rgba\(181\2c 191\2c 255\2c 0\.23\)\)\]) {
   background-color: var(--Mg-COZ-mg-hglt-secondary, rgba(181, 191, 255, .23))
}

:is(.bg-\[var\(--Mg-COZ-mg-secondary-hovered\2c rgba\(87\2c 104\2c 161\2c 0\.08\)\)\]) {
   background-color: var(--Mg-COZ-mg-secondary-hovered, rgba(87, 104, 161, .08))
}

:is(.bg-\[var\(--coz-bg-max\)\]) {
   background-color: var(--coz-bg-max)
}

:is(.bg-\[var\(--coz-fg-dim\)\]) {
   background-color: var(--coz-fg-dim)
}

:is(.bg-\[var\(--coz-fg-plus\)\]) {
   background-color: var(--coz-fg-plus)
}

:is(.bg-\[var\(--coz-fg-secondary\)\]) {
   background-color: var(--coz-fg-secondary)
}

:is(.bg-\[var\(--coz-mg-card\)\]) {
   background-color: var(--coz-mg-card)
}

:is(.bg-\[var\(--coz-mg-color-blue\)\]) {
   background-color: var(--coz-mg-color-blue)
}

:is(.bg-\[var\(--coz-mg-color-cyan\)\]) {
   background-color: var(--coz-mg-color-cyan)
}

:is(.bg-\[var\(--coz-mg-color-magenta\)\]) {
   background-color: var(--coz-mg-color-magenta)
}

:is(.bg-\[var\(--coz-mg-hglt\)\]) {
   background-color: var(--coz-mg-hglt)
}

:is(.bg-\[var\(--coz-mg-hglt-green\)\]) {
   background-color: var(--coz-mg-hglt-green)
}

:is(.bg-\[var\(--coz-mg-hglt-plus-dim\)\]) {
   background-color: var(--coz-mg-hglt-plus-dim)
}

:is(.bg-\[var\(--coz-mg-hglt-pressed\)\]) {
   background-color: var(--coz-mg-hglt-pressed)
}

:is(.bg-\[var\(--coz-mg-hglt-yellow\)\]) {
   background-color: var(--coz-mg-hglt-yellow)
}

:is(.bg-\[var\(--coz-mg-hglt-yellow-pressed\)\]) {
   background-color: var(--coz-mg-hglt-yellow-pressed)
}

:is(.bg-\[var\(--coz-mg-primary\)\]) {
   background-color: var(--coz-mg-primary)
}

:is(.bg-\[var\(--coz-mg-secondary\)\]) {
   background-color: var(--coz-mg-secondary)
}

:is(.bg-\[var\(--coz-stroke-primary\)\]) {
   background-color: var(--coz-stroke-primary)
}

:is(.bg-\[var\(--light-usage-fill-color-fill-0\2c rgba\(46\2c 47\2c 56\2c 5\%\)\)\]) {
   background-color: var(--light-usage-fill-color-fill-0, rgba(46, 47, 56, 5%))
}

:is(.bg-\[var\(--semi-color-fill-0\)\]) {
   background-color: var(--semi-color-fill-0)
}

:is(.bg-\[var\(coz-mg-hglt-plus\)\]) {
   background-color: var(coz-mg-hglt-plus)
}

:is(.bg-\[white\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.bg-background-1) {
   background-color: rgba(var(--coze-bg-1), var(--coze-bg-1-alpha))
}

:is(.bg-background-2) {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha))
}

:is(.bg-background-3) {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha))
}

:is(.bg-background-4) {
   background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha))
}

:is(.bg-black) {
   background-color: rgb(var(--black-6))
}

:is(.bg-black\/50) {
   background-color: rgb(var(--black-6)/.5)
}

:is(.bg-brand) {
   background-color: rgba(var(--coze-brand-7), 1)
}

:is(.bg-brand-6) {
   background-color: rgba(var(--coze-brand-6), 1)
}

:is(.bg-current) {
   background-color: currentColor
}

:is(.bg-foreground-1) {
   background-color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.bg-foreground-2) {
   background-color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

:is(.bg-foreground-3) {
   background-color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

:is(.bg-foreground-5) {
   background-color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

:is(.bg-gray-100) {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

:is(.bg-gray-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

:is(.bg-green-5) {
   background-color: rgba(var(--coze-green-5), 1)
}

:is(.bg-inherit) {
   background-color: inherit
}

:is(.bg-purple-5) {
   background-color: rgba(var(--coze-purple-5), 1)
}

:is(.bg-red-5) {
   background-color: rgba(var(--coze-red-5), 1)
}

:is(.bg-red-500) {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

:is(.bg-stroke) {
   background-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

:is(.bg-stroke-5) {
   background-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

:is(.bg-transparent) {
   background-color: transparent
}

:is(.bg-white) {
   background-color: rgb(var(--white-1))
}

:is(.bg-white-3) {
   background-color: rgb(var(--white-3))
}

:is(.bg-yellow-1) {
   background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha))
}

:is(.bg-yellow-5) {
   background-color: rgba(var(--coze-yellow-5), 1)
}

:is(.bg-zinc-500) {
   --tw-bg-opacity: 1;
   background-color: rgb(113 113 122/var(--tw-bg-opacity))
}

:is(.bg-\[linear-gradient\(180deg\2c _\#37436a00_0\%\2c _\#37436a0f_74\.08\%\)\]) {
   background-image: linear-gradient(180deg, #37436a00, #37436a0f 74.08%)
}

:is(.bg-\[linear-gradient\(180deg\2c _\#f6f7fa_0\%\2c _\#ffffff_50\%\)\]) {
   background-image: linear-gradient(180deg, #f6f7fa, #fff 50%)
}

:is(.bg-\[linear-gradient\(180deg\2c _\#f6f7fa_0\%\2c _\#ffffff_69\.72\%\)\]) {
   background-image: linear-gradient(180deg, #f6f7fa, #fff 69.72%)
}

:is(.bg-\[linear-gradient\(180deg\2c _\#ffffff00_0\%\2c _\#ffffff_40\%\)\]) {
   background-image: linear-gradient(180deg, #ffffff00, #fff 40%)
}

:is(.bg-\[linear-gradient\(180deg\2c _\#ffffffcc_0\%\2c _\#ffffffff_20\%\)\]) {
   background-image: linear-gradient(180deg, #ffffffcc, #fff 20%)
}

:is(.bg-\[linear-gradient\(180deg\2c rgb\(252\2c 252\2c 252\)_0\%\2c transparent_100\%\)\]) {
   background-image: linear-gradient(180deg, #fcfcfc, transparent)
}

:is(.bg-gradient-to-b) {
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

:is(.bg-gradient-to-l) {
   background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

:is(.bg-gradient-to-r) {
   background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

:is(.bg-gradient-to-t) {
   background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

:is(.from-\[\#533FEF\]\/\[0\.96\]) {
   --tw-gradient-from: rgba(83, 63, 239, .96) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(83, 63, 239, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.from-\[rgba\(255\2c 255\2c 255\2c 1\)\]) {
   --tw-gradient-from: #fff var(--tw-gradient-from-position);
   --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.from-\[rgba\(82\2c 100\2c 154\2c 0\.2\)\]) {
   --tw-gradient-from: rgba(82, 100, 154, .2) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(82, 100, 154, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.from-blue-300\/10) {
   --tw-gradient-from: rgba(147, 197, 253, .1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(147, 197, 253, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.from-emerald-300\/10) {
   --tw-gradient-from: rgba(110, 231, 183, .1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(110, 231, 183, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.from-indigo-300\/10) {
   --tw-gradient-from: rgba(165, 180, 252, .1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(165, 180, 252, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.from-sky-300\/10) {
   --tw-gradient-from: rgba(125, 211, 252, .1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(125, 211, 252, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.from-violet-300\/10) {
   --tw-gradient-from: rgba(196, 181, 253, .1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(196, 181, 253, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.from-yellow-300\/10) {
   --tw-gradient-from: rgba(253, 224, 71, .1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(253, 224, 71, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.via-blue-500) {
   --tw-gradient-to: rgba(59, 130, 246, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

:is(.via-emerald-500) {
   --tw-gradient-to: rgba(16, 185, 129, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

:is(.via-indigo-500) {
   --tw-gradient-to: rgba(99, 102, 241, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

:is(.via-sky-500) {
   --tw-gradient-to: rgba(14, 165, 233, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #0ea5e9 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

:is(.via-violet-500) {
   --tw-gradient-to: rgba(139, 92, 246, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

:is(.via-yellow-500) {
   --tw-gradient-to: rgba(234, 179, 8, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

:is(.via-80\%) {
   --tw-gradient-via-position: 80%
}

:is(.to-\[\#BA00FF\]\/\[0\.96\]) {
   --tw-gradient-to: rgba(186, 0, 255, .96) var(--tw-gradient-to-position)
}

:is(.to-blue-900\/80) {
   --tw-gradient-to: rgba(30, 58, 138, .8) var(--tw-gradient-to-position)
}

:is(.to-emerald-900\/80) {
   --tw-gradient-to: rgba(6, 78, 59, .8) var(--tw-gradient-to-position)
}

:is(.to-indigo-900\/80) {
   --tw-gradient-to: rgba(49, 46, 129, .8) var(--tw-gradient-to-position)
}

:is(.to-sky-900\/80) {
   --tw-gradient-to: rgba(12, 74, 110, .8) var(--tw-gradient-to-position)
}

:is(.to-transparent) {
   --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

:is(.to-violet-900\/80) {
   --tw-gradient-to: rgba(76, 29, 149, .8) var(--tw-gradient-to-position)
}

:is(.to-yellow-900\/80) {
   --tw-gradient-to: rgba(113, 63, 18, .8) var(--tw-gradient-to-position)
}

:is(.decoration-clone) {
   -webkit-box-decoration-break: clone;
   box-decoration-break: clone
}

:is(.bg-\[size\:40px_40px\]) {
   background-size: 40px 40px
}

:is(.bg-cover) {
   background-size: cover
}

:is(.bg-clip-text) {
   -webkit-background-clip: text;
   background-clip: text
}

:is(.bg-center) {
   background-position: 50%
}

:is(.bg-left-top) {
   background-position: 0 0
}

:is(.bg-no-repeat) {
   background-repeat: no-repeat
}

:is(.fill) {
   fill: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

:is(.fill-background) {
   fill: rgba(var(--background), 1)
}

:is(.fill-brand-5) {
   fill: rgba(var(--coze-brand-5), 1)
}

:is(.fill-brand-6) {
   fill: rgba(var(--coze-brand-6), 1)
}

:is(.fill-foreground) {
   fill: rgba(var(--foreground), 1)
}

:is(.fill-foreground-3) {
   fill: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

:is(.fill-foreground-5) {
   fill: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

:is(.fill-green-6) {
   fill: rgba(var(--coze-green-6), 1)
}

:is(.fill-red-5) {
   fill: rgba(var(--coze-red-5), 1)
}

:is(.fill-red-6) {
   fill: rgba(var(--coze-red-6), 1)
}

:is(.fill-yellow-6) {
   fill: rgba(var(--coze-yellow-6), 1)
}

:is(.object-contain) {
   object-fit: contain
}

:is(.object-cover) {
   object-fit: cover
}

:is(.object-center) {
   object-position: center
}

:is(.\!p) {
   padding: var(--coze-8) !important
}

:is(.\!p-0) {
   padding: 0 !important
}

:is(.\!p-0\.5) {
   padding: .125rem !important
}

:is(.\!p-1) {
   padding: .25rem !important
}

:is(.\!p-12px) {
   padding: var(--coze-12) !important
}

:is(.\!p-2) {
   padding: .5rem !important
}

:is(.\!p-4) {
   padding: 1rem !important
}

:is(.\!p-\[11px\]) {
   padding: 11px !important
}

:is(.\!p-\[12px\]) {
   padding: 12px !important
}

:is(.\!p-\[20px\]) {
   padding: 20px !important
}

:is(.\!p-\[2px\]) {
   padding: 2px !important
}

:is(.\!p-\[3px\]) {
   padding: 3px !important
}

:is(.\!p-\[4px\]) {
   padding: 4px !important
}

:is(.\!p-\[5px\]) {
   padding: 5px !important
}

:is(.\!p-\[6px\]) {
   padding: 6px !important
}

:is(.\!p-\[8px\]) {
   padding: 8px !important
}

:is(.p) {
   padding: var(--coze-8)
}

:is(.p-0) {
   padding: 0
}

:is(.p-0\.5) {
   padding: .125rem
}

:is(.p-1) {
   padding: .25rem
}

:is(.p-1\.5) {
   padding: .375rem
}

:is(.p-10px) {
   padding: var(--coze-10)
}

:is(.p-12px) {
   padding: var(--coze-12)
}

:is(.p-16) {
   padding: 4rem
}

:is(.p-16px) {
   padding: var(--coze-16)
}

:is(.p-2) {
   padding: .5rem
}

:is(.p-2\.5) {
   padding: .625rem
}

:is(.p-20px) {
   padding: var(--coze-20)
}

:is(.p-24px) {
   padding: var(--coze-24)
}

:is(.p-2px) {
   padding: var(--coze-2)
}

:is(.p-3) {
   padding: .75rem
}

:is(.p-4) {
   padding: 1rem
}

:is(.p-4px) {
   padding: var(--coze-4)
}

:is(.p-5) {
   padding: 1.25rem
}

:is(.p-6) {
   padding: 1.5rem
}

:is(.p-8px) {
   padding: var(--coze-8)
}

:is(.p-\[10px\]) {
   padding: 10px
}

:is(.p-\[11px\]) {
   padding: 11px
}

:is(.p-\[12px\]) {
   padding: 12px
}

:is(.p-\[13px\]) {
   padding: 13px
}

:is(.p-\[16px\]) {
   padding: 16px
}

:is(.p-\[1px\]) {
   padding: 1px
}

:is(.p-\[20px\]) {
   padding: 20px
}

:is(.p-\[22px\]) {
   padding: 22px
}

:is(.p-\[24px\]) {
   padding: 24px
}

:is(.p-\[2px\]) {
   padding: 2px
}

:is(.p-\[36px\]) {
   padding: 36px
}

:is(.p-\[3px\]) {
   padding: 3px
}

:is(.p-\[40px\]) {
   padding: 40px
}

:is(.p-\[4px\]) {
   padding: 4px
}

:is(.p-\[5px\]) {
   padding: 5px
}

:is(.p-\[6px\]) {
   padding: 6px
}

:is(.p-\[8px\]) {
   padding: 8px
}

:is(.\!px-0) {
   padding-left: 0 !important;
   padding-right: 0 !important
}

:is(.\!px-1) {
   padding-left: .25rem !important;
   padding-right: .25rem !important
}

:is(.\!px-12px) {
   padding-left: var(--coze-12) !important;
   padding-right: var(--coze-12) !important
}

:is(.\!px-16px) {
   padding-left: var(--coze-16) !important;
   padding-right: var(--coze-16) !important
}

:is(.\!px-2) {
   padding-left: .5rem !important;
   padding-right: .5rem !important
}

:is(.\!px-3) {
   padding-left: .75rem !important;
   padding-right: .75rem !important
}

:is(.\!px-4) {
   padding-left: 1rem !important;
   padding-right: 1rem !important
}

:is(.\!px-6) {
   padding-left: 1.5rem !important;
   padding-right: 1.5rem !important
}

:is(.\!px-8px) {
   padding-left: var(--coze-8) !important;
   padding-right: var(--coze-8) !important
}

:is(.\!px-\[16px\]) {
   padding-left: 16px !important;
   padding-right: 16px !important
}

:is(.\!px-\[3px\]) {
   padding-left: 3px !important;
   padding-right: 3px !important
}

:is(.\!px-\[4px\]) {
   padding-left: 4px !important;
   padding-right: 4px !important
}

:is(.\!px-\[76px\]) {
   padding-left: 76px !important;
   padding-right: 76px !important
}

:is(.\!px-\[8\.33\%\]) {
   padding-left: 8.33% !important;
   padding-right: 8.33% !important
}

:is(.\!px-\[8px\]) {
   padding-left: 8px !important;
   padding-right: 8px !important
}

:is(.\!py-0) {
   padding-bottom: 0 !important;
   padding-top: 0 !important
}

:is(.\!py-2) {
   padding-bottom: .5rem !important;
   padding-top: .5rem !important
}

:is(.\!py-24px) {
   padding-bottom: var(--coze-24) !important;
   padding-top: var(--coze-24) !important
}

:is(.\!py-2px) {
   padding-bottom: var(--coze-2) !important;
   padding-top: var(--coze-2) !important
}

:is(.\!py-4) {
   padding-bottom: 1rem !important;
   padding-top: 1rem !important
}

:is(.\!py-5) {
   padding-bottom: 1.25rem !important;
   padding-top: 1.25rem !important
}

:is(.\!py-6px) {
   padding-bottom: var(--coze-6) !important;
   padding-top: var(--coze-6) !important
}

:is(.\!py-8px) {
   padding-bottom: var(--coze-8) !important;
   padding-top: var(--coze-8) !important
}

:is(.\!py-\[1px\]) {
   padding-bottom: 1px !important;
   padding-top: 1px !important
}

:is(.\!py-\[2px\]) {
   padding-bottom: 2px !important;
   padding-top: 2px !important
}

:is(.\!py-\[4px\]) {
   padding-bottom: 4px !important;
   padding-top: 4px !important
}

:is(.\!py-\[5px\]) {
   padding-bottom: 5px !important;
   padding-top: 5px !important
}

:is(.\!py-\[6px\]) {
   padding-bottom: 6px !important;
   padding-top: 6px !important
}

:is(.\!py-\[8px\]) {
   padding-bottom: 8px !important;
   padding-top: 8px !important
}

:is(.px) {
   padding-left: var(--coze-8);
   padding-right: var(--coze-8)
}

:is(.px-0) {
   padding-left: 0;
   padding-right: 0
}

:is(.px-0\.5) {
   padding-left: .125rem;
   padding-right: .125rem
}

:is(.px-1) {
   padding-left: .25rem;
   padding-right: .25rem
}

:is(.px-10) {
   padding-left: 2.5rem;
   padding-right: 2.5rem
}

:is(.px-10px) {
   padding-left: var(--coze-10);
   padding-right: var(--coze-10)
}

:is(.px-12px) {
   padding-left: var(--coze-12);
   padding-right: var(--coze-12)
}

:is(.px-16px) {
   padding-left: var(--coze-16);
   padding-right: var(--coze-16)
}

:is(.px-2) {
   padding-left: .5rem;
   padding-right: .5rem
}

:is(.px-2\.5) {
   padding-left: .625rem;
   padding-right: .625rem
}

:is(.px-20px) {
   padding-left: var(--coze-20);
   padding-right: var(--coze-20)
}

:is(.px-24px) {
   padding-left: var(--coze-24);
   padding-right: var(--coze-24)
}

:is(.px-28px) {
   padding-left: var(--coze-28);
   padding-right: var(--coze-28)
}

:is(.px-2px) {
   padding-left: var(--coze-2);
   padding-right: var(--coze-2)
}

:is(.px-3) {
   padding-left: .75rem;
   padding-right: .75rem
}

:is(.px-32px) {
   padding-left: var(--coze-32);
   padding-right: var(--coze-32)
}

:is(.px-3px) {
   padding-left: var(--coze-3);
   padding-right: var(--coze-3)
}

:is(.px-4) {
   padding-left: 1rem;
   padding-right: 1rem
}

:is(.px-40px) {
   padding-left: var(--coze-40);
   padding-right: var(--coze-40)
}

:is(.px-4px) {
   padding-left: var(--coze-4);
   padding-right: var(--coze-4)
}

:is(.px-5) {
   padding-left: 1.25rem;
   padding-right: 1.25rem
}

:is(.px-6) {
   padding-left: 1.5rem;
   padding-right: 1.5rem
}

:is(.px-6px) {
   padding-left: var(--coze-6);
   padding-right: var(--coze-6)
}

:is(.px-8) {
   padding-left: 2rem;
   padding-right: 2rem
}

:is(.px-8px) {
   padding-left: var(--coze-8);
   padding-right: var(--coze-8)
}

:is(.px-\[0px\]) {
   padding-left: 0;
   padding-right: 0
}

:is(.px-\[100px\]) {
   padding-left: 100px;
   padding-right: 100px
}

:is(.px-\[10px\]) {
   padding-left: 10px;
   padding-right: 10px
}

:is(.px-\[11px\]) {
   padding-left: 11px;
   padding-right: 11px
}

:is(.px-\[12px\]) {
   padding-left: 12px;
   padding-right: 12px
}

:is(.px-\[14px\]) {
   padding-left: 14px;
   padding-right: 14px
}

:is(.px-\[16px\]) {
   padding-left: 16px;
   padding-right: 16px
}

:is(.px-\[20px\]) {
   padding-left: 20px;
   padding-right: 20px
}

:is(.px-\[22px\]) {
   padding-left: 22px;
   padding-right: 22px
}

:is(.px-\[24px\]) {
   padding-left: 24px;
   padding-right: 24px
}

:is(.px-\[284px\]) {
   padding-left: 284px;
   padding-right: 284px
}

:is(.px-\[28px\]) {
   padding-left: 28px;
   padding-right: 28px
}

:is(.px-\[2px\]) {
   padding-left: 2px;
   padding-right: 2px
}

:is(.px-\[300px\]) {
   padding-left: 300px;
   padding-right: 300px
}

:is(.px-\[30px\]) {
   padding-left: 30px;
   padding-right: 30px
}

:is(.px-\[36px\]) {
   padding-left: 36px;
   padding-right: 36px
}

:is(.px-\[3px\]) {
   padding-left: 3px;
   padding-right: 3px
}

:is(.px-\[40px\]) {
   padding-left: 40px;
   padding-right: 40px
}

:is(.px-\[4px\]) {
   padding-left: 4px;
   padding-right: 4px
}

:is(.px-\[56px\]) {
   padding-left: 56px;
   padding-right: 56px
}

:is(.px-\[5px\]) {
   padding-left: 5px;
   padding-right: 5px
}

:is(.px-\[64px\]) {
   padding-left: 64px;
   padding-right: 64px
}

:is(.px-\[6px\]) {
   padding-left: 6px;
   padding-right: 6px
}

:is(.px-\[72px\]) {
   padding-left: 72px;
   padding-right: 72px
}

:is(.px-\[8px\]) {
   padding-left: 8px;
   padding-right: 8px
}

:is(.py) {
   padding-bottom: var(--coze-8);
   padding-top: var(--coze-8)
}

:is(.py-0) {
   padding-bottom: 0;
   padding-top: 0
}

:is(.py-0\.5) {
   padding-bottom: .125rem;
   padding-top: .125rem
}

:is(.py-1) {
   padding-bottom: .25rem;
   padding-top: .25rem
}

:is(.py-10px) {
   padding-bottom: var(--coze-10);
   padding-top: var(--coze-10)
}

:is(.py-12) {
   padding-bottom: 3rem;
   padding-top: 3rem
}

:is(.py-12px) {
   padding-bottom: var(--coze-12);
   padding-top: var(--coze-12)
}

:is(.py-14px) {
   padding-bottom: var(--coze-14);
   padding-top: var(--coze-14)
}

:is(.py-16px) {
   padding-bottom: var(--coze-16);
   padding-top: var(--coze-16)
}

:is(.py-2) {
   padding-bottom: .5rem;
   padding-top: .5rem
}

:is(.py-2\.5) {
   padding-bottom: .625rem;
   padding-top: .625rem
}

:is(.py-22px) {
   padding-bottom: var(--coze-22);
   padding-top: var(--coze-22)
}

:is(.py-24px) {
   padding-bottom: var(--coze-24);
   padding-top: var(--coze-24)
}

:is(.py-28px) {
   padding-bottom: var(--coze-28);
   padding-top: var(--coze-28)
}

:is(.py-2px) {
   padding-bottom: var(--coze-2);
   padding-top: var(--coze-2)
}

:is(.py-3) {
   padding-bottom: .75rem;
   padding-top: .75rem
}

:is(.py-3\.5) {
   padding-bottom: .875rem;
   padding-top: .875rem
}

:is(.py-3px) {
   padding-bottom: var(--coze-3);
   padding-top: var(--coze-3)
}

:is(.py-4) {
   padding-bottom: 1rem;
   padding-top: 1rem
}

:is(.py-4px) {
   padding-bottom: var(--coze-4);
   padding-top: var(--coze-4)
}

:is(.py-5) {
   padding-bottom: 1.25rem;
   padding-top: 1.25rem
}

:is(.py-6) {
   padding-bottom: 1.5rem;
   padding-top: 1.5rem
}

:is(.py-6px) {
   padding-bottom: var(--coze-6);
   padding-top: var(--coze-6)
}

:is(.py-8) {
   padding-bottom: 2rem;
   padding-top: 2rem
}

:is(.py-8px) {
   padding-bottom: var(--coze-8);
   padding-top: var(--coze-8)
}

:is(.py-\[0\.5px\]) {
   padding-bottom: .5px;
   padding-top: .5px
}

:is(.py-\[0\]) {
   padding-bottom: 0;
   padding-top: 0
}

:is(.py-\[10px\]) {
   padding-bottom: 10px;
   padding-top: 10px
}

:is(.py-\[12px\]) {
   padding-bottom: 12px;
   padding-top: 12px
}

:is(.py-\[14px\]) {
   padding-bottom: 14px;
   padding-top: 14px
}

:is(.py-\[16px\]) {
   padding-bottom: 16px;
   padding-top: 16px
}

:is(.py-\[1px\]) {
   padding-bottom: 1px;
   padding-top: 1px
}

:is(.py-\[20px\]) {
   padding-bottom: 20px;
   padding-top: 20px
}

:is(.py-\[24px\]) {
   padding-bottom: 24px;
   padding-top: 24px
}

:is(.py-\[28px\]) {
   padding-bottom: 28px;
   padding-top: 28px
}

:is(.py-\[2px\]) {
   padding-bottom: 2px;
   padding-top: 2px
}

:is(.py-\[32px\]) {
   padding-bottom: 32px;
   padding-top: 32px
}

:is(.py-\[3px\]) {
   padding-bottom: 3px;
   padding-top: 3px
}

:is(.py-\[4px\]) {
   padding-bottom: 4px;
   padding-top: 4px
}

:is(.py-\[5px\]) {
   padding-bottom: 5px;
   padding-top: 5px
}

:is(.py-\[64px\]) {
   padding-bottom: 64px;
   padding-top: 64px
}

:is(.py-\[6px\]) {
   padding-bottom: 6px;
   padding-top: 6px
}

:is(.py-\[80px\]) {
   padding-bottom: 80px;
   padding-top: 80px
}

:is(.py-\[8px\]) {
   padding-bottom: 8px;
   padding-top: 8px
}

:is(.py-\[98px\]) {
   padding-bottom: 98px;
   padding-top: 98px
}

:is(.py-\[9px\]) {
   padding-bottom: 9px;
   padding-top: 9px
}

:is(.py-px) {
   padding-bottom: 1px;
   padding-top: 1px
}

:is(.\!pb-0) {
   padding-bottom: 0 !important
}

:is(.\!pb-4) {
   padding-bottom: 1rem !important
}

:is(.\!pb-6) {
   padding-bottom: 1.5rem !important
}

:is(.\!pb-8) {
   padding-bottom: 2rem !important
}

:is(.\!pb-8px) {
   padding-bottom: var(--coze-8) !important
}

:is(.\!pb-\[16px\]) {
   padding-bottom: 16px !important
}

:is(.\!pl-2) {
   padding-left: .5rem !important
}

:is(.\!pl-3) {
   padding-left: .75rem !important
}

:is(.\!pl-5) {
   padding-left: 1.25rem !important
}

:is(.\!pl-\[2px\]) {
   padding-left: 2px !important
}

:is(.\!pl-\[5px\]) {
   padding-left: 5px !important
}

:is(.\!pl-\[8px\]) {
   padding-left: 8px !important
}

:is(.\!pr-0) {
   padding-right: 0 !important
}

:is(.\!pr-\[15px\]) {
   padding-right: 15px !important
}

:is(.\!pr-\[2px\]) {
   padding-right: 2px !important
}

:is(.\!pr-\[5px\]) {
   padding-right: 5px !important
}

:is(.\!pr-\[8px\]) {
   padding-right: 8px !important
}

:is(.\!pt-0) {
   padding-top: 0 !important
}

:is(.\!pt-4px) {
   padding-top: var(--coze-4) !important
}

:is(.\!pt-6) {
   padding-top: 1.5rem !important
}

:is(.\!pt-\[0px\]) {
   padding-top: 0 !important
}

:is(.\!pt-\[16px\]) {
   padding-top: 16px !important
}

:is(.\!pt-\[20px\]) {
   padding-top: 20px !important
}

:is(.pb) {
   padding-bottom: var(--coze-8)
}

:is(.pb-0) {
   padding-bottom: 0
}

:is(.pb-1) {
   padding-bottom: .25rem
}

:is(.pb-1\.5) {
   padding-bottom: .375rem
}

:is(.pb-12) {
   padding-bottom: 3rem
}

:is(.pb-12px) {
   padding-bottom: var(--coze-12)
}

:is(.pb-16px) {
   padding-bottom: var(--coze-16)
}

:is(.pb-2) {
   padding-bottom: .5rem
}

:is(.pb-2\.5) {
   padding-bottom: .625rem
}

:is(.pb-20px) {
   padding-bottom: var(--coze-20)
}

:is(.pb-24px) {
   padding-bottom: var(--coze-24)
}

:is(.pb-2px) {
   padding-bottom: var(--coze-2)
}

:is(.pb-3) {
   padding-bottom: .75rem
}

:is(.pb-32px) {
   padding-bottom: var(--coze-32)
}

:is(.pb-3px) {
   padding-bottom: var(--coze-3)
}

:is(.pb-4) {
   padding-bottom: 1rem
}

:is(.pb-40) {
   padding-bottom: 10rem
}

:is(.pb-40px) {
   padding-bottom: var(--coze-40)
}

:is(.pb-4px) {
   padding-bottom: var(--coze-4)
}

:is(.pb-5) {
   padding-bottom: 1.25rem
}

:is(.pb-5px) {
   padding-bottom: var(--coze-5)
}

:is(.pb-6) {
   padding-bottom: 1.5rem
}

:is(.pb-8) {
   padding-bottom: 2rem
}

:is(.pb-8px) {
   padding-bottom: var(--coze-8)
}

:is(.pb-9) {
   padding-bottom: 2.25rem
}

:is(.pb-\[0px\]) {
   padding-bottom: 0
}

:is(.pb-\[10px\]) {
   padding-bottom: 10px
}

:is(.pb-\[12px\]) {
   padding-bottom: 12px
}

:is(.pb-\[16px\]) {
   padding-bottom: 16px
}

:is(.pb-\[18px\]) {
   padding-bottom: 18px
}

:is(.pb-\[19px\]) {
   padding-bottom: 19px
}

:is(.pb-\[1px\]) {
   padding-bottom: 1px
}

:is(.pb-\[20px\]) {
   padding-bottom: 20px
}

:is(.pb-\[24px\]) {
   padding-bottom: 24px
}

:is(.pb-\[2px\]) {
   padding-bottom: 2px
}

:is(.pb-\[32px\]) {
   padding-bottom: 32px
}

:is(.pb-\[3px\]) {
   padding-bottom: 3px
}

:is(.pb-\[48px\]) {
   padding-bottom: 48px
}

:is(.pb-\[4px\]) {
   padding-bottom: 4px
}

:is(.pb-\[60px\]) {
   padding-bottom: 60px
}

:is(.pb-\[62\.5\%\]) {
   padding-bottom: 62.5%
}

:is(.pb-\[6px\]) {
   padding-bottom: 6px
}

:is(.pb-\[72px\]) {
   padding-bottom: 72px
}

:is(.pb-\[7px\]) {
   padding-bottom: 7px
}

:is(.pb-\[8px\]) {
   padding-bottom: 8px
}

:is(.pe) {
   -webkit-padding-end: var(--coze-8);
   padding-inline-end: var(--coze-8)
}

:is(.pl) {
   padding-left: var(--coze-8)
}

:is(.pl-0) {
   padding-left: 0
}

:is(.pl-0\.5) {
   padding-left: .125rem
}

:is(.pl-1) {
   padding-left: .25rem
}

:is(.pl-16px) {
   padding-left: var(--coze-16)
}

:is(.pl-18px) {
   padding-left: var(--coze-18)
}

:is(.pl-2) {
   padding-left: .5rem
}

:is(.pl-20px) {
   padding-left: var(--coze-20)
}

:is(.pl-24px) {
   padding-left: var(--coze-24)
}

:is(.pl-28px) {
   padding-left: var(--coze-28)
}

:is(.pl-3) {
   padding-left: .75rem
}

:is(.pl-32px) {
   padding-left: var(--coze-32)
}

:is(.pl-4) {
   padding-left: 1rem
}

:is(.pl-6) {
   padding-left: 1.5rem
}

:is(.pl-6px) {
   padding-left: var(--coze-6)
}

:is(.pl-7) {
   padding-left: 1.75rem
}

:is(.pl-8) {
   padding-left: 2rem
}

:is(.pl-8px) {
   padding-left: var(--coze-8)
}

:is(.pl-\[10px\]) {
   padding-left: 10px
}

:is(.pl-\[12px\]) {
   padding-left: 12px
}

:is(.pl-\[15px\]) {
   padding-left: 15px
}

:is(.pl-\[16px\]) {
   padding-left: 16px
}

:is(.pl-\[18px\]) {
   padding-left: 18px
}

:is(.pl-\[20px\]) {
   padding-left: 20px
}

:is(.pl-\[22px\]) {
   padding-left: 22px
}

:is(.pl-\[24px\]) {
   padding-left: 24px
}

:is(.pl-\[26px\]) {
   padding-left: 26px
}

:is(.pl-\[28px\]) {
   padding-left: 28px
}

:is(.pl-\[2px\]) {
   padding-left: 2px
}

:is(.pl-\[32px\]) {
   padding-left: 32px
}

:is(.pl-\[3px\]) {
   padding-left: 3px
}

:is(.pl-\[4px\]) {
   padding-left: 4px
}

:is(.pl-\[5px\]) {
   padding-left: 5px
}

:is(.pl-\[60px\]) {
   padding-left: 60px
}

:is(.pl-\[68px\]) {
   padding-left: 68px
}

:is(.pl-\[6px\]) {
   padding-left: 6px
}

:is(.pl-\[8px\]) {
   padding-left: 8px
}

:is(.pr) {
   padding-right: var(--coze-8)
}

:is(.pr-0) {
   padding-right: 0
}

:is(.pr-0\.5) {
   padding-right: .125rem
}

:is(.pr-1) {
   padding-right: .25rem
}

:is(.pr-1\.5) {
   padding-right: .375rem
}

:is(.pr-12px) {
   padding-right: var(--coze-12)
}

:is(.pr-2) {
   padding-right: .5rem
}

:is(.pr-20px) {
   padding-right: var(--coze-20)
}

:is(.pr-24px) {
   padding-right: var(--coze-24)
}

:is(.pr-3) {
   padding-right: .75rem
}

:is(.pr-4) {
   padding-right: 1rem
}

:is(.pr-4px) {
   padding-right: var(--coze-4)
}

:is(.pr-5px) {
   padding-right: var(--coze-5)
}

:is(.pr-6) {
   padding-right: 1.5rem
}

:is(.pr-6px) {
   padding-right: var(--coze-6)
}

:is(.pr-8px) {
   padding-right: var(--coze-8)
}

:is(.pr-\[10px\]) {
   padding-right: 10px
}

:is(.pr-\[12px\]) {
   padding-right: 12px
}

:is(.pr-\[16px\]) {
   padding-right: 16px
}

:is(.pr-\[18px\]) {
   padding-right: 18px
}

:is(.pr-\[20px\]) {
   padding-right: 20px
}

:is(.pr-\[24px\]) {
   padding-right: 24px
}

:is(.pr-\[28px\]) {
   padding-right: 28px
}

:is(.pr-\[2px\]) {
   padding-right: 2px
}

:is(.pr-\[3px\]) {
   padding-right: 3px
}

:is(.pr-\[4px\]) {
   padding-right: 4px
}

:is(.pr-\[5px\]) {
   padding-right: 5px
}

:is(.pr-\[6px\]) {
   padding-right: 6px
}

:is(.pr-\[8px\]) {
   padding-right: 8px
}

:is(.pr-\[9px\]) {
   padding-right: 9px
}

:is(.ps) {
   -webkit-padding-start: var(--coze-8);
   padding-inline-start: var(--coze-8)
}

:is(.pt) {
   padding-top: var(--coze-8)
}

:is(.pt-0) {
   padding-top: 0
}

:is(.pt-1) {
   padding-top: .25rem
}

:is(.pt-12px) {
   padding-top: var(--coze-12)
}

:is(.pt-16px) {
   padding-top: var(--coze-16)
}

:is(.pt-2) {
   padding-top: .5rem
}

:is(.pt-2\.5) {
   padding-top: .625rem
}

:is(.pt-24px) {
   padding-top: var(--coze-24)
}

:is(.pt-2px) {
   padding-top: var(--coze-2)
}

:is(.pt-3) {
   padding-top: .75rem
}

:is(.pt-32px) {
   padding-top: var(--coze-32)
}

:is(.pt-3px) {
   padding-top: var(--coze-3)
}

:is(.pt-4) {
   padding-top: 1rem
}

:is(.pt-40px) {
   padding-top: var(--coze-40)
}

:is(.pt-5) {
   padding-top: 1.25rem
}

:is(.pt-6) {
   padding-top: 1.5rem
}

:is(.pt-8px) {
   padding-top: var(--coze-8)
}

:is(.pt-\[10px\]) {
   padding-top: 10px
}

:is(.pt-\[120px\]) {
   padding-top: 120px
}

:is(.pt-\[12px\]) {
   padding-top: 12px
}

:is(.pt-\[13px\]) {
   padding-top: 13px
}

:is(.pt-\[14px\]) {
   padding-top: 14px
}

:is(.pt-\[16px\]) {
   padding-top: 16px
}

:is(.pt-\[180px\]) {
   padding-top: 180px
}

:is(.pt-\[1px\]) {
   padding-top: 1px
}

:is(.pt-\[20px\]) {
   padding-top: 20px
}

:is(.pt-\[22px\]) {
   padding-top: 22px
}

:is(.pt-\[24px\]) {
   padding-top: 24px
}

:is(.pt-\[27px\]) {
   padding-top: 27px
}

:is(.pt-\[28px\]) {
   padding-top: 28px
}

:is(.pt-\[2px\]) {
   padding-top: 2px
}

:is(.pt-\[30px\]) {
   padding-top: 30px
}

:is(.pt-\[32px\]) {
   padding-top: 32px
}

:is(.pt-\[34px\]) {
   padding-top: 34px
}

:is(.pt-\[36px\]) {
   padding-top: 36px
}

:is(.pt-\[46px\]) {
   padding-top: 46px
}

:is(.pt-\[4px\]) {
   padding-top: 4px
}

:is(.pt-\[50px\]) {
   padding-top: 50px
}

:is(.pt-\[60px\]) {
   padding-top: 60px
}

:is(.pt-\[6px\]) {
   padding-top: 6px
}

:is(.pt-\[7px\]) {
   padding-top: 7px
}

:is(.pt-\[8px\]) {
   padding-top: 8px
}

:is(.\!text-left) {
   text-align: left !important
}

:is(.text-left) {
   text-align: left
}

:is(.text-center) {
   text-align: center
}

:is(.\!text-right) {
   text-align: right !important
}

:is(.text-right) {
   text-align: right
}

:is(.text-start) {
   text-align: start
}

:is(.indent) {
   text-indent: var(--coze-8)
}

:is(.align-top) {
   vertical-align: top
}

:is(.align-middle) {
   vertical-align: middle
}

:is(.align-sub) {
   vertical-align: sub
}

:is(.font-\[\'PICO_Sans_VFE_SC\'\]) {
   font-family: PICO Sans VFE SC
}

:is(.font-\[OPPOSansBold\]) {
   font-family: OPPOSansBold
}

:is(.font-mono) {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

:is(.\!text-22px) {
   font-size: var(--coze-22) !important
}

:is(.\!text-4xl) {
   font-size: 2.25rem !important;
   line-height: 2.5rem !important
}

:is(.\!text-\[12px\]) {
   font-size: 12px !important
}

:is(.\!text-\[13px\]) {
   font-size: 13px !important
}

:is(.\!text-\[14px\]) {
   font-size: 14px !important
}

:is(.\!text-\[16px\]) {
   font-size: 16px !important
}

:is(.\!text-\[18px\]) {
   font-size: 18px !important
}

:is(.\!text-\[20px\]) {
   font-size: 20px !important
}

:is(.\!text-\[24px\]) {
   font-size: 24px !important
}

:is(.\!text-base) {
   font-size: var(--coze-12) !important
}

:is(.\!text-sm) {
   font-size: .875rem !important;
   line-height: 1.25rem !important
}

:is(.\!text-xs) {
   font-size: .75rem !important;
   line-height: 1rem !important
}

:is(.\!text-xxl) {
   font-size: var(--coze-16) !important
}

:is(.text-18px) {
   font-size: var(--coze-18)
}

:is(.text-20px) {
   font-size: var(--coze-20)
}

:is(.text-24px) {
   font-size: var(--coze-24)
}

:is(.text-28px) {
   font-size: var(--coze-28)
}

:is(.text-2xl) {
   font-size: 1.5rem;
   line-height: 2rem
}

:is(.text-32px) {
   font-size: var(--coze-32)
}

:is(.text-36px) {
   font-size: var(--coze-36)
}

:is(.text-48px) {
   font-size: var(--coze-48)
}

:is(.text-64px) {
   font-size: var(--coze-64)
}

:is(.text-\[0\]) {
   font-size: 0
}

:is(.text-\[0px\]) {
   font-size: 0
}

:is(.text-\[10px\]) {
   font-size: 10px
}

:is(.text-\[11px\]) {
   font-size: 11px
}

:is(.text-\[12px\]) {
   font-size: 12px
}

:is(.text-\[13px\]) {
   font-size: 13px
}

:is(.text-\[14px\]) {
   font-size: 14px
}

:is(.text-\[15px\]) {
   font-size: 15px
}

:is(.text-\[160px\]) {
   font-size: 160px
}

:is(.text-\[16px\]) {
   font-size: 16px
}

:is(.text-\[17px\]) {
   font-size: 17px
}

:is(.text-\[18px\]) {
   font-size: 18px
}

:is(.text-\[18px\]\/\[32px\]) {
   font-size: 18px;
   line-height: 32px
}

:is(.text-\[20px\]) {
   font-size: 20px
}

:is(.text-\[22px\]) {
   font-size: 22px
}

:is(.text-\[24px\]) {
   font-size: 24px
}

:is(.text-\[26px\]) {
   font-size: 26px
}

:is(.text-\[28px\]) {
   font-size: 28px
}

:is(.text-\[32px\]) {
   font-size: 32px
}

:is(.text-\[36px\]) {
   font-size: 36px
}

:is(.text-\[44px\]) {
   font-size: 44px
}

:is(.text-\[48px\]) {
   font-size: 48px
}

:is(.text-\[56px\]) {
   font-size: 56px
}

:is(.text-\[60px\]) {
   font-size: 60px
}

:is(.text-\[64px\]) {
   font-size: 64px
}

:is(.text-\[9px\]) {
   font-size: 9px
}

:is(.text-base) {
   font-size: var(--coze-12)
}

:is(.text-lg) {
   font-size: var(--coze-14)
}

:is(.text-mini) {
   font-size: var(--coze-10)
}

:is(.text-sm) {
   font-size: .875rem;
   line-height: 1.25rem
}

:is(.text-xl) {
   font-size: var(--coze-15)
}

:is(.text-xs) {
   font-size: .75rem;
   line-height: 1rem
}

:is(.text-xxl) {
   font-size: var(--coze-16)
}

:is(.\!font-\[500\]) {
   font-weight: 500 !important
}

:is(.\!font-bold) {
   font-weight: 700 !important
}

:is(.\!font-medium) {
   font-weight: 500 !important
}

:is(.\!font-normal) {
   font-weight: 400 !important
}

:is(.\!font-semibold) {
   font-weight: 600 !important
}

:is(.font-\[12px\]) {
   font-weight: 12px
}

:is(.font-\[400\]) {
   font-weight: 400
}

:is(.font-\[500\]) {
   font-weight: 500
}

:is(.font-\[600\]) {
   font-weight: 600
}

:is(.font-\[700\]) {
   font-weight: 700
}

:is(.font-\[800\]) {
   font-weight: 800
}

:is(.font-bold) {
   font-weight: 700
}

:is(.font-extrabold) {
   font-weight: 800
}

:is(.font-medium) {
   font-weight: 500
}

:is(.font-normal) {
   font-weight: 400
}

:is(.font-semibold) {
   font-weight: 600
}

:is(.uppercase) {
   text-transform: uppercase
}

:is(.lowercase) {
   text-transform: lowercase
}

:is(.capitalize) {
   text-transform: capitalize
}

:is(.italic) {
   font-style: italic
}

:is(.not-italic) {
   font-style: normal
}

:is(.tabular-nums) {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

:is(.\!leading-28px) {
   line-height: var(--coze-28) !important
}

:is(.\!leading-\[14px\]) {
   line-height: 14px !important
}

:is(.\!leading-\[16px\]) {
   line-height: 16px !important
}

:is(.\!leading-\[20px\]) {
   line-height: 20px !important
}

:is(.\!leading-\[22px\]) {
   line-height: 22px !important
}

:is(.\!leading-\[28px\]) {
   line-height: 28px !important
}

:is(.\!leading-mini) {
   line-height: var(--coze-16) !important
}

:is(.leading-14px) {
   line-height: var(--coze-14)
}

:is(.leading-16px) {
   line-height: var(--coze-16)
}

:is(.leading-20px) {
   line-height: var(--coze-20)
}

:is(.leading-22px) {
   line-height: var(--coze-22)
}

:is(.leading-28px) {
   line-height: var(--coze-28)
}

:is(.leading-36px) {
   line-height: var(--coze-36)
}

:is(.leading-4) {
   line-height: 1rem
}

:is(.leading-5) {
   line-height: 1.25rem
}

:is(.leading-6) {
   line-height: 1.5rem
}

:is(.leading-7) {
   line-height: 1.75rem
}

:is(.leading-8) {
   line-height: 2rem
}

:is(.leading-\[0\]) {
   line-height: 0
}

:is(.leading-\[0px\]) {
   line-height: 0px
}

:is(.leading-\[1\.5\]) {
   line-height: 1.5
}

:is(.leading-\[10px\]) {
   line-height: 10px
}

:is(.leading-\[12\.80px\]) {
   line-height: 12.8px
}

:is(.leading-\[12px\]) {
   line-height: 12px
}

:is(.leading-\[14px\]) {
   line-height: 14px
}

:is(.leading-\[16px\]) {
   line-height: 16px
}

:is(.leading-\[18px\]) {
   line-height: 18px
}

:is(.leading-\[20px\]) {
   line-height: 20px
}

:is(.leading-\[22px\]) {
   line-height: 22px
}

:is(.leading-\[24px\]) {
   line-height: 24px
}

:is(.leading-\[26px\]) {
   line-height: 26px
}

:is(.leading-\[28px\]) {
   line-height: 28px
}

:is(.leading-\[30px\]) {
   line-height: 30px
}

:is(.leading-\[32px\]) {
   line-height: 32px
}

:is(.leading-\[36px\]) {
   line-height: 36px
}

:is(.leading-\[40px\]) {
   line-height: 40px
}

:is(.leading-\[44px\]) {
   line-height: 44px
}

:is(.leading-\[53px\]) {
   line-height: 53px
}

:is(.leading-\[68px\]) {
   line-height: 68px
}

:is(.leading-none) {
   line-height: 1
}

:is(.leading-tight) {
   line-height: 1.25
}

:is(.tracking-\[0\.12px\]) {
   letter-spacing: .12px
}

:is(.tracking-\[0\.16px\]) {
   letter-spacing: .16px
}

:is(.\!text-\[\#302D46\]) {
   --tw-text-opacity: 1 !important;
   color: rgb(48 45 70/var(--tw-text-opacity)) !important
}

:is(.\!text-\[\#9498F7\]) {
   --tw-text-opacity: 1 !important;
   color: rgb(148 152 247/var(--tw-text-opacity)) !important
}

:is(.\!text-\[\#A6A6FF\]) {
   --tw-text-opacity: 1 !important;
   color: rgb(166 166 255/var(--tw-text-opacity)) !important
}

:is(.\!text-\[\#E53241\]) {
   --tw-text-opacity: 1 !important;
   color: rgb(229 50 65/var(--tw-text-opacity)) !important
}

:is(.\!text-\[rgb\(80\2c 81\2c 82\)\]) {
   --tw-text-opacity: 1 !important;
   color: rgb(80 81 82/var(--tw-text-opacity)) !important
}

:is(.\!text-\[rgba\(29\2c 28\2c 35\2c 0\.6\)\]) {
   color: rgba(29, 28, 35, .6) !important
}

:is(.\!text-\[var\(--Fg-COZ-fg-secondary\2c rgba\(6\2c 7\2c 9\2c 0\.50\)\)\]) {
   color: var(--Fg-COZ-fg-secondary, rgba(6, 7, 9, .5)) !important
}

:is(.\!text-\[var\(--coz-fg-secondary\)\]) {
   color: var(--coz-fg-secondary) !important
}

:is(.\!text-blue) {
   color: rgba(var(--coze-blue-5), 1) !important
}

:is(.\!text-white) {
   color: rgb(var(--white-1)) !important
}

:is(.text-\[\#000000\]) {
   --tw-text-opacity: 1;
   color: rgb(0 0 0/var(--tw-text-opacity))
}

:is(.text-\[\#000\]) {
   --tw-text-opacity: 1;
   color: rgb(0 0 0/var(--tw-text-opacity))
}

:is(.text-\[\#00b23c\]) {
   --tw-text-opacity: 1;
   color: rgb(0 178 60/var(--tw-text-opacity))
}

:is(.text-\[\#0195AD\]) {
   --tw-text-opacity: 1;
   color: rgb(1 149 173/var(--tw-text-opacity))
}

:is(.text-\[\#0607091A\]) {
   color: #0607091a
}

:is(.text-\[\#0607094D\]) {
   color: #0607094d
}

:is(.text-\[\#06070980\]) {
   color: #06070980
}

:is(.text-\[\#060709CC\]) {
   color: #060709cc
}

:is(.text-\[\#060709\]\/50) {
   color: rgba(6, 7, 9, .5)
}

:is(.text-\[\#080D1EF2\]) {
   color: #080d1ef2
}

:is(.text-\[\#080d1ef2\]) {
   color: #080d1ef2
}

:is(.text-\[\#101828\]) {
   --tw-text-opacity: 1;
   color: rgb(16 24 40/var(--tw-text-opacity))
}

:is(.text-\[\#1C1D2359\]) {
   color: #1c1d2359
}

:is(.text-\[\#1C1D24\]) {
   --tw-text-opacity: 1;
   color: rgb(28 29 36/var(--tw-text-opacity))
}

:is(.text-\[\#1C1F23\]) {
   --tw-text-opacity: 1;
   color: rgb(28 31 35/var(--tw-text-opacity))
}

:is(.text-\[\#1D1C2359\]) {
   color: #1d1c2359
}

:is(.text-\[\#1D1C2399\]) {
   color: #1d1c2399
}

:is(.text-\[\#1D1C23CC\]) {
   color: #1d1c23cc
}

:is(.text-\[\#1D1C23\]) {
   --tw-text-opacity: 1;
   color: rgb(29 28 35/var(--tw-text-opacity))
}

:is(.text-\[\#1d1c2359\]) {
   color: #1d1c2359
}

:is(.text-\[\#2029459E\]) {
   color: #2029459e
}

:is(.text-\[\#222222\]) {
   --tw-text-opacity: 1;
   color: rgb(34 34 34/var(--tw-text-opacity))
}

:is(.text-\[\#28246D\]) {
   --tw-text-opacity: 1;
   color: rgb(40 36 109/var(--tw-text-opacity))
}

:is(.text-\[\#356CF1\]) {
   --tw-text-opacity: 1;
   color: rgb(53 108 241/var(--tw-text-opacity))
}

:is(.text-\[\#37436a99\]) {
   color: #37436a99
}

:is(.text-\[\#38393a\]) {
   --tw-text-opacity: 1;
   color: rgb(56 57 58/var(--tw-text-opacity))
}

:is(.text-\[\#3CC648\]) {
   --tw-text-opacity: 1;
   color: rgb(60 198 72/var(--tw-text-opacity))
}

:is(.text-\[\#3c7ae4\]) {
   --tw-text-opacity: 1;
   color: rgb(60 122 228/var(--tw-text-opacity))
}

:is(.text-\[\#475467\]) {
   --tw-text-opacity: 1;
   color: rgb(71 84 103/var(--tw-text-opacity))
}

:is(.text-\[\#4C54F0\]) {
   --tw-text-opacity: 1;
   color: rgb(76 84 240/var(--tw-text-opacity))
}

:is(.text-\[\#4D53E8\]) {
   --tw-text-opacity: 1;
   color: rgb(77 83 232/var(--tw-text-opacity))
}

:is(.text-\[\#4d53e8\]) {
   --tw-text-opacity: 1;
   color: rgb(77 83 232/var(--tw-text-opacity))
}

:is(.text-\[\#5A4DED\]) {
   --tw-text-opacity: 1;
   color: rgb(90 77 237/var(--tw-text-opacity))
}

:is(.text-\[\#6C2CC6\]) {
   --tw-text-opacity: 1;
   color: rgb(108 44 198/var(--tw-text-opacity))
}

:is(.text-\[\#8264E5\]) {
   --tw-text-opacity: 1;
   color: rgb(130 100 229/var(--tw-text-opacity))
}

:is(.text-\[\#828384\]) {
   --tw-text-opacity: 1;
   color: rgb(130 131 132/var(--tw-text-opacity))
}

:is(.text-\[\#888D92\]) {
   --tw-text-opacity: 1;
   color: rgb(136 141 146/var(--tw-text-opacity))
}

:is(.text-\[\#A7A9B0\]) {
   --tw-text-opacity: 1;
   color: rgb(167 169 176/var(--tw-text-opacity))
}

:is(.text-\[\#C6C6CD\]) {
   --tw-text-opacity: 1;
   color: rgb(198 198 205/var(--tw-text-opacity))
}

:is(.text-\[\#DC76DF\]) {
   --tw-text-opacity: 1;
   color: rgb(220 118 223/var(--tw-text-opacity))
}

:is(.text-\[\#E85883\]) {
   --tw-text-opacity: 1;
   color: rgb(232 88 131/var(--tw-text-opacity))
}

:is(.text-\[\#F53F3F\]) {
   --tw-text-opacity: 1;
   color: rgb(245 63 63/var(--tw-text-opacity))
}

:is(.text-\[\#FF2710\]) {
   --tw-text-opacity: 1;
   color: rgb(255 39 16/var(--tw-text-opacity))
}

:is(.text-\[\#FF441E\]) {
   --tw-text-opacity: 1;
   color: rgb(255 68 30/var(--tw-text-opacity))
}

:is(.text-\[\#FFFFFF\/60\]) {
   color: #fff/60
}

:is(.text-\[\#FFFFFFC9\]) {
   color: #ffffffc9
}

:is(.text-\[\#ff441e\]) {
   --tw-text-opacity: 1;
   color: rgb(255 68 30/var(--tw-text-opacity))
}

:is(.text-\[\#ff7300\]) {
   --tw-text-opacity: 1;
   color: rgb(255 115 0/var(--tw-text-opacity))
}

:is(.text-\[--coz-fg-dim\]) {
   color: var(--coz-fg-dim)
}

:is(.text-\[--coz-fg-plus\]) {
   color: var(--coz-fg-plus)
}

:is(.text-\[--coz-mg-color-blue\]) {
   color: var(--coz-mg-color-blue)
}

:is(.text-\[--semi-color-danger\]) {
   color: var(--semi-color-danger)
}

:is(.text-\[--semi-color-secondary\]) {
   color: var(--semi-color-secondary)
}

:is(.text-\[--semi-color-tertiary-active\]) {
   color: var(--semi-color-tertiary-active)
}

:is(.text-\[--semi-color-text-2\]) {
   color: var(--semi-color-text-2)
}

:is(.text-\[--semi-color-warning\]) {
   color: var(--semi-color-warning)
}

:is(.text-\[12\]) {
   color: 12
}

:is(.text-\[14\]) {
   color: 14
}

:is(.text-\[16\]) {
   color: 16
}

:is(.text-\[rgb\(var\(--coze-up-brand-9\)\)\]) {
   color: rgb(var(--coze-up-brand-9))
}

:is(.text-\[rgb\(var\(--semi-brand-5\)\)\]) {
   color: rgb(var(--semi-brand-5))
}

:is(.text-\[rgba\(28\2c 29\2c 35\2c 0\.35\)\]) {
   color: rgba(28, 29, 35, .35)
}

:is(.text-\[rgba\(28\2c _29\2c _36\2c _0\.80\)\]) {
   color: rgba(28, 29, 36, .8)
}

:is(.text-\[rgba\(29\2c 28\2c 35\2c 0\.35\)\]) {
   color: rgba(29, 28, 35, .35)
}

:is(.text-\[rgba\(29\2c 28\2c 35\2c 0\.6\)\]) {
   color: rgba(29, 28, 35, .6)
}

:is(.text-\[rgba\(29\2c 28\2c 35\2c 0\.60\)\]) {
   color: rgba(29, 28, 35, .6)
}

:is(.text-\[rgba\(29\2c 28\2c 35\2c 0\.80\)\]) {
   color: rgba(29, 28, 35, .8)
}

:is(.text-\[rgba\(29\2c _28\2c _36\2c _0\.60\)\]) {
   color: rgba(29, 28, 36, .6)
}

:is(.text-\[rgba\(32\2c 41\2c 69\2c 0\.40\)\]) {
   color: rgba(32, 41, 69, .4)
}

:is(.text-\[rgba\(8\2c 13\2c 30\2c 0\.95\)\]) {
   color: rgba(8, 13, 30, .95)
}

:is(.text-\[unset\]) {
   color: unset
}

:is(.text-\[var\(--Fg-COZ-fg-dim\2c rgba\(62\2c 82\2c 130\2c 0\.50\)\)\]) {
   color: var(--Fg-COZ-fg-dim, rgba(62, 82, 130, .5))
}

:is(.text-\[var\(--Fg-COZ-fg-primary\2c rgba\(32\2c 41\2c 65\2c 0\.89\)\)\]) {
   color: var(--Fg-COZ-fg-primary, rgba(32, 41, 65, .89))
}

:is(.text-\[var\(--Fg-COZ-fg-secondary\2c rgba\(44\2c 58\2c 92\2c 0\.72\)\)\]) {
   color: var(--Fg-COZ-fg-secondary, rgba(44, 58, 92, .72))
}

:is(.text-\[var\(--color-fg-muted\)\]) {
   color: var(--color-fg-muted)
}

:is(.text-\[var\(--coz-fg-color-cyan\)\]) {
   color: var(--coz-fg-color-cyan)
}

:is(.text-\[var\(--coz-fg-color-magenta\)\]) {
   color: var(--coz-fg-color-magenta)
}

:is(.text-\[var\(--coz-fg-dim\)\]) {
   color: var(--coz-fg-dim)
}

:is(.text-\[var\(--coz-fg-hglt\)\]) {
   color: var(--coz-fg-hglt)
}

:is(.text-\[var\(--coz-fg-hglt-dim\)\]) {
   color: var(--coz-fg-hglt-dim)
}

:is(.text-\[var\(--coz-fg-hglt-green\)\]) {
   color: var(--coz-fg-hglt-green)
}

:is(.text-\[var\(--coz-fg-hglt-red\)\]) {
   color: var(--coz-fg-hglt-red)
}

:is(.text-\[var\(--coz-fg-hglt-yellow\)\]) {
   color: var(--coz-fg-hglt-yellow)
}

:is(.text-\[var\(--coz-fg-plus\)\]) {
   color: var(--coz-fg-plus)
}

:is(.text-\[var\(--coz-fg-primary\)\]) {
   color: var(--coz-fg-primary)
}

:is(.text-\[var\(--coz-fg-secondary\)\]) {
   color: var(--coz-fg-secondary)
}

:is(.text-\[var\(--coz-mg-hglt-plus\)\]) {
   color: var(--coz-mg-hglt-plus)
}

:is(.text-\[var\(--coz-stroke-plus\)\]) {
   color: var(--coz-stroke-plus)
}

:is(.text-\[var\(--light-usage-text-color-text-0\2c \#1c1d23\)\]) {
   color: var(--light-usage-text-color-text-0, #1c1d23)
}

:is(.text-\[var\(--semi-color-link\)\]) {
   color: var(--semi-color-link)
}

:is(.text-\[var\(--semi-color-secondary\)\]) {
   color: var(--semi-color-secondary)
}

:is(.text-\[var\(--semi-color-text-0\)\]) {
   color: var(--semi-color-text-0)
}

:is(.text-\[var\(--semi-color-text-2\)\]) {
   color: var(--semi-color-text-2)
}

:is(.text-\[var\(--semi-color-text-3\)\]) {
   color: var(--semi-color-text-3)
}

:is(.text-background) {
   color: rgba(var(--background), 1)
}

:is(.text-black) {
   color: rgb(var(--black-6))
}

:is(.text-black\/60) {
   color: rgb(var(--black-6)/.6)
}

:is(.text-blue-200) {
   --tw-text-opacity: 1;
   color: rgb(191 219 254/var(--tw-text-opacity))
}

:is(.text-brand) {
   color: rgba(var(--coze-brand-7), 1)
}

:is(.text-brand-6) {
   color: rgba(var(--coze-brand-6), 1)
}

:is(.text-current) {
   color: currentColor
}

:is(.text-foreground) {
   color: rgba(var(--foreground), 1)
}

:is(.text-foreground-1) {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.text-foreground-2) {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

:is(.text-foreground-3) {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

:is(.text-foreground-4) {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

:is(.text-foreground-5) {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

:is(.text-gray-200) {
   --tw-text-opacity: 1;
   color: rgb(229 231 235/var(--tw-text-opacity))
}

:is(.text-gray-400) {
   --tw-text-opacity: 1;
   color: rgb(156 163 175/var(--tw-text-opacity))
}

:is(.text-gray-50) {
   --tw-text-opacity: 1;
   color: rgb(249 250 251/var(--tw-text-opacity))
}

:is(.text-gray-500) {
   --tw-text-opacity: 1;
   color: rgb(107 114 128/var(--tw-text-opacity))
}

:is(.text-gray-600) {
   --tw-text-opacity: 1;
   color: rgb(75 85 99/var(--tw-text-opacity))
}

:is(.text-gray-700) {
   --tw-text-opacity: 1;
   color: rgb(55 65 81/var(--tw-text-opacity))
}

:is(.text-gray-800) {
   --tw-text-opacity: 1;
   color: rgb(31 41 55/var(--tw-text-opacity))
}

:is(.text-green-5) {
   color: rgba(var(--coze-green-5), 1)
}

:is(.text-indigo-600) {
   --tw-text-opacity: 1;
   color: rgb(79 70 229/var(--tw-text-opacity))
}

:is(.text-orange-500) {
   --tw-text-opacity: 1;
   color: rgb(249 115 22/var(--tw-text-opacity))
}

:is(.text-purple-5) {
   color: rgba(var(--coze-purple-5), 1)
}

:is(.text-red) {
   color: rgba(var(--coze-red-7), 1)
}

:is(.text-red-400) {
   --tw-text-opacity: 1;
   color: rgb(248 113 113/var(--tw-text-opacity))
}

:is(.text-red-5) {
   color: rgba(var(--coze-red-5), 1)
}

:is(.text-red-500) {
   --tw-text-opacity: 1;
   color: rgb(239 68 68/var(--tw-text-opacity))
}

:is(.text-red-6) {
   color: rgba(var(--coze-red-6), 1)
}

:is(.text-sky-500) {
   --tw-text-opacity: 1;
   color: rgb(14 165 233/var(--tw-text-opacity))
}

:is(.text-slate-500) {
   --tw-text-opacity: 1;
   color: rgb(100 116 139/var(--tw-text-opacity))
}

:is(.text-transparent) {
   color: transparent
}

:is(.text-white) {
   color: rgb(var(--white-1))
}

:is(.text-white\/60) {
   color: rgb(var(--white-1)/.6)
}

:is(.text-yellow-5) {
   color: rgba(var(--coze-yellow-5), 1)
}

:is(.text-yellow-7) {
   color: rgba(var(--coze-yellow-7), 1)
}

:is(.\!text-opacity-70) {
   --tw-text-opacity: 0.7 !important
}

:is(.underline) {
   -webkit-text-decoration-line: underline;
   text-decoration-line: underline
}

:is(.line-through) {
   -webkit-text-decoration-line: line-through;
   text-decoration-line: line-through
}

:is(.no-underline) {
   -webkit-text-decoration-line: none;
   text-decoration-line: none
}

:is(.\!opacity-0) {
   opacity: 0 !important
}

:is(.\!opacity-70) {
   opacity: .7 !important
}

:is(.opacity-0) {
   opacity: 0
}

:is(.opacity-100) {
   opacity: 1
}

:is(.opacity-20) {
   opacity: .2
}

:is(.opacity-30) {
   opacity: .3
}

:is(.opacity-50) {
   opacity: .5
}

:is(.opacity-60) {
   opacity: .6
}

:is(.opacity-70) {
   opacity: .7
}

:is(.opacity-80) {
   opacity: .8
}

:is(.opacity-\[\.35\]) {
   opacity: .35
}

:is(.opacity-\[\.89\]) {
   opacity: .89
}

:is(.opacity-\[0\.15\]) {
   opacity: .15
}

:is(.opacity-\[0\.3\]) {
   opacity: .3
}

:is(.opacity-\[0\.44\]) {
   opacity: .44
}

:is(.opacity-\[0\.4\]) {
   opacity: .4
}

:is(.opacity-\[0\.72\]) {
   opacity: .72
}

:is(.opacity-\[value\]) {
   opacity: value
}

:is(.\!shadow-none) {
   --tw-shadow: 0 0 #0000 !important;
   --tw-shadow-colored: 0 0 #0000 !important;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

:is(.shadow) {
   --tw-shadow: 0 4px 12px 0px rgba(var(--coze-shadow-0), 0.08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.04);
   --tw-shadow-colored: 0 4px 12px 0px var(--tw-shadow-color), 0px 8px 24px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-\[0_-5px_10px_0_rgba\(255\2c 255\2c 255\)\]) {
   --tw-shadow: 0 -5px 10px 0 #fff;
   --tw-shadow-colored: 0 -5px 10px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-\[0_0_0_1px_\#ffffff10\]) {
   --tw-shadow: 0 0 0 1px #ffffff10;
   --tw-shadow-colored: 0 0 0 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)
}

:is(.shadow-\[0px_2px_6px_0px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0px_4px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.02\)\]) {
   --tw-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .04), 0px 4px 12px 0px rgba(0, 0, 0, .02);
   --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), 0px 4px 12px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-\[0px_2px_6px_0px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c _0px_4px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.02\)\]) {
   --tw-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .04), 0px 4px 12px 0px rgba(0, 0, 0, .02);
   --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), 0px 4px 12px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-\[0px_4\.624px_10\.569px_0px_\#F1F3F9\]) {
   --tw-shadow: 0px 4.624px 10.569px 0px #f1f3f9;
   --tw-shadow-colored: 0px 4.624px 10.569px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-\[0px_4px_12px_0px_\#0000000a\2c 0px_2px_6px_0px_\#00000014\]) {
   --tw-shadow: 0px 4px 12px 0px #0000000a, 0px 2px 6px 0px #00000014;
   --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-\[0px_4px_12px_0px_\#10168814\2c 0px_8px_24px_0px_\#1016880a\]) {
   --tw-shadow: 0px 4px 12px 0px #10168814, 0px 8px 24px 0px #1016880a;
   --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color), 0px 8px 24px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-\[0px_4px_16px_0px_\#1016880f\2c 0px_8px_32px_0px_\#1016880a\]) {
   --tw-shadow: 0px 4px 16px 0px #1016880f, 0px 8px 32px 0px #1016880a;
   --tw-shadow-colored: 0px 4px 16px 0px var(--tw-shadow-color), 0px 8px 32px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-\[0px_8px_24px_0px_\#00000029\2c 0px_16px_48px_0px_\#00000014\]) {
   --tw-shadow: 0px 8px 24px 0px #00000029, 0px 16px 48px 0px #00000014;
   --tw-shadow-colored: 0px 8px 24px 0px var(--tw-shadow-color), 0px 16px 48px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-large) {
   --tw-shadow: 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.16), 0px 16px 48px 0px rgba(var(--coze-shadow-0), 0.08);
   --tw-shadow-colored: 0px 8px 24px 0px var(--tw-shadow-color), 0px 16px 48px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-lg) {
   --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-normal) {
   --tw-shadow: 0 4px 12px 0px rgba(var(--coze-shadow-0), 0.08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), 0.04);
   --tw-shadow-colored: 0 4px 12px 0px var(--tw-shadow-color), 0px 8px 24px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-sm) {
   --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-small) {
   --tw-shadow: 0px 2px 6px 0px rgba(var(--coze-shadow-0), 0.04), 0px 4px 12px 0px rgba(var(--coze-shadow-0), 0.02);
   --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), 0px 4px 12px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.shadow-\[var\(--coz-shadow-default\2c 0px_2px_6px_0px_\#00000040\)\]) {
   --tw-shadow-color: var(--coz-shadow-default, 0px 2px 6px 0px #00000040);
   --tw-shadow: var(--tw-shadow-colored)
}

:is(.shadow-\[var\(--coz-shadow-large\)\]) {
   --tw-shadow-color: var(--coz-shadow-large);
   --tw-shadow: var(--tw-shadow-colored)
}

:is(.shadow-blue-500\/50) {
   --tw-shadow-color: rgba(59, 130, 246, .5);
   --tw-shadow: var(--tw-shadow-colored)
}

:is(.shadow-emerald-500\/50) {
   --tw-shadow-color: rgba(16, 185, 129, .5);
   --tw-shadow: var(--tw-shadow-colored)
}

:is(.shadow-indigo-500\/50) {
   --tw-shadow-color: rgba(99, 102, 241, .5);
   --tw-shadow: var(--tw-shadow-colored)
}

:is(.shadow-sky-500\/50) {
   --tw-shadow-color: rgba(14, 165, 233, .5);
   --tw-shadow: var(--tw-shadow-colored)
}

:is(.shadow-violet-500\/50) {
   --tw-shadow-color: rgba(139, 92, 246, .5);
   --tw-shadow: var(--tw-shadow-colored)
}

:is(.shadow-yellow-500\/50) {
   --tw-shadow-color: rgba(234, 179, 8, .5);
   --tw-shadow: var(--tw-shadow-colored)
}

:is(.outline-none) {
   outline: 2px solid transparent;
   outline-offset: 2px
}

:is(.outline) {
   outline-style: solid
}

:is(.outline-1) {
   outline-width: 1px
}

:is(.outline-\[1px\]) {
   outline-width: 1px
}

:is(.outline-\[4px\]) {
   outline-width: 4px
}

:is(.outline-\[\#0607091A\]) {
   outline-color: #0607091a
}

:is(.outline-\[\#52649A14\]) {
   outline-color: #52649a14
}

:is(.outline-\[\#F2B600\]) {
   outline-color: #f2b600
}

:is(.outline-\[\#FF811A\]) {
   outline-color: #ff811a
}

:is(.outline-transparent) {
   outline-color: transparent
}

:is(.ring-2) {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

:is(.ring-offset-2) {
   --tw-ring-offset-width: 2px
}

:is(.ring-offset-background) {
   --tw-ring-offset-color: rgba(var(--background), 1)
}

:is(.blur) {
   --tw-blur: blur(8px);
   -webkit-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: 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)
}

:is(.blur-\[20px\]) {
   --tw-blur: blur(20px);
   -webkit-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: 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)
}

:is(.invert) {
   --tw-invert: invert(100%);
   -webkit-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: 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)
}

:is(.\!filter) {
   -webkit-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) !important;
   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) !important
}

:is(.filter) {
   -webkit-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: 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)
}

:is(.backdrop-blur-\[20px\]) {
   --tw-backdrop-blur: blur(20px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

:is(.backdrop-blur-\[3\.45px\]) {
   --tw-backdrop-blur: blur(3.45px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

:is(.backdrop-blur-\[32px\]) {
   --tw-backdrop-blur: blur(32px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

:is(.backdrop-blur-\[35px\]) {
   --tw-backdrop-blur: blur(35px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

:is(.backdrop-blur-\[6px\]) {
   --tw-backdrop-blur: blur(6px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

:is(.backdrop-blur-md) {
   --tw-backdrop-blur: blur(12px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

:is(.\!transition) {
   transition-duration: .15s !important;
   transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, -webkit-text-decoration-color, -webkit-filter, -webkit-backdrop-filter !important;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-filter, -webkit-backdrop-filter !important;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

:is(.transition) {
   transition-duration: .15s;
   transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, -webkit-text-decoration-color, -webkit-filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-filter, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:is(.transition-\[all\]) {
   transition-duration: .15s;
   transition-property: all;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:is(.transition-all) {
   transition-duration: .15s;
   transition-property: all;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:is(.transition-colors) {
   transition-duration: .15s;
   transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:is(.transition-opacity) {
   transition-duration: .15s;
   transition-property: opacity;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:is(.transition-transform) {
   transition-duration: .15s;
   transition-property: transform;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:is(.duration-100) {
   transition-duration: .1s
}

:is(.duration-150) {
   transition-duration: .15s
}

:is(.duration-200) {
   transition-duration: .2s
}

:is(.duration-300) {
   transition-duration: .3s
}

:is(.duration-500) {
   transition-duration: .5s
}

:is(.ease-in) {
   transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

:is(.ease-in-out) {
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:is(.ease-out) {
   transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

:is(.coz-fg-hglt-plus) {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

:is(.coz-fg-hglt-plus-dim) {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

:is(.\!coz-fg-hglt) {
   color: rgba(var(--coze-brand-5), 1) !important
}

:is(.coz-fg-hglt) {
   color: rgba(var(--coze-brand-5), 1)
}

:is(.coz-fg-hglt-dim) {
   color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

:is(.\!coz-fg-plus) {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha)) !important
}

:is(.coz-fg-plus) {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

:is(.\!coz-fg-primary) {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha)) !important
}

:is(.coz-fg-primary) {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

:is(.\!coz-fg-secondary) {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha)) !important
}

:is(.coz-fg-secondary) {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

:is(.\!coz-fg-dim) {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha)) !important
}

:is(.coz-fg-dim) {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.\!coz-fg-white) {
   color: rgba(var(--coze-fg-7), 1) !important
}

:is(.coz-fg-white) {
   color: rgba(var(--coze-fg-7), 1)
}

:is(.coz-fg-white-dim) {
   color: rgba(var(--coze-fg-white), var(--coze-fg-white-alpha))
}

:is(.coz-fg-hglt-ai) {
   color: rgba(var(--coze-purple-5), 1)
}

:is(.coz-fg-hglt-ai-dim) {
   color: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha))
}

:is(.\!coz-fg-hglt-red) {
   color: rgba(var(--coze-red-5), 1) !important
}

:is(.coz-fg-hglt-red) {
   color: rgba(var(--coze-red-5), 1)
}

:is(.coz-fg-hglt-red-dim) {
   color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

:is(.coz-fg-hglt-yellow) {
   color: rgba(var(--coze-yellow-5), 1)
}

:is(.coz-fg-hglt-yellow-dim) {
   color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha))
}

:is(.\!coz-fg-hglt-green) {
   color: rgba(var(--coze-green-5), 1) !important
}

:is(.coz-fg-hglt-green) {
   color: rgba(var(--coze-green-5), 1)
}

:is(.coz-fg-hglt-green-dim) {
   color: rgba(var(--coze-green-3), var(--coze-green-3-alpha))
}

:is(.coz-fg-color-orange) {
   color: rgba(var(--coze-yellow-5), 1)
}

:is(.coz-fg-color-orange-dim) {
   color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha))
}

:is(.coz-fg-color-emerald) {
   color: rgba(var(--coze-green-5), 1)
}

:is(.coz-fg-color-emerald-dim) {
   color: rgba(var(--coze-green-3), var(--coze-green-3-alpha))
}

:is(.coz-fg-color-cyan) {
   color: rgba(var(--coze-cyan-50), var(--coze-cyan-50-alpha))
}

:is(.coz-fg-color-cyan-dim) {
   color: rgba(var(--coze-cyan-30), var(--coze-cyan-30-alpha))
}

:is(.\!coz-fg-color-blue) {
   color: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha)) !important
}

:is(.coz-fg-color-blue) {
   color: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha))
}

:is(.coz-fg-color-blue-dim) {
   color: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha))
}

:is(.coz-fg-color-purple) {
   color: rgba(var(--coze-purple-50), var(--coze-purple-50-alpha))
}

:is(.coz-fg-color-purple-dim) {
   color: rgba(var(--coze-purple-30), var(--coze-purple-30-alpha))
}

:is(.coz-fg-color-magenta) {
   color: rgba(var(--coze-magenta-50), var(--coze-magenta-50-alpha))
}

:is(.coz-fg-color-magenta-dim) {
   color: rgba(var(--coze-magenta-3), var(--coze-magenta-3-alpha))
}

:is(.coz-fg-color-yellow) {
   color: rgba(var(--coze-yellow-50), var(--coze-yellow-50-alpha))
}

:is(.coz-fg-color-yellow-dim) {
   color: rgba(var(--coze-yellow-30), var(--coze-yellow-30-alpha))
}

:is(.coz-fg-hglt-orange) {
   color: rgba(var(--coze-orange-5), 1)
}

:is(.coz-fg-hglt-orange-dim) {
   color: rgba(var(--coze-orange-3), var(--coze-orange-3-alpha))
}

:is(.coz-fg-hglt-emerald) {
   color: rgba(var(--coze-emerald-5), 1)
}

:is(.coz-fg-hglt-emerald-dim) {
   color: rgba(var(--coze-emerald-3), var(--coze-emerald-3-alpha))
}

:is(.coz-fg-hglt-cyan) {
   color: rgba(var(--coze-cyan-5), 1)
}

:is(.coz-fg-hglt-cyan-dim) {
   color: rgba(var(--coze-cyan-3), var(--coze-cyan-3-alpha))
}

:is(.coz-fg-hglt-blue) {
   color: rgba(var(--coze-blue-5), var(--coze-blue-5-alpha))
}

:is(.coz-fg-hglt-blue-dim) {
   color: rgba(var(--coze-blue-3), var(--coze-blue-3-alpha))
}

:is(.coz-fg-hglt-purple) {
   color: rgba(var(--coze-purple-5), 1)
}

:is(.coz-fg-hglt-purple-dim) {
   color: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha))
}

:is(.coz-fg-hglt-magenta) {
   color: rgba(var(--coze-magenta-5), 1)
}

:is(.coz-fg-hglt-magenta-dim) {
   color: rgba(var(--coze-magenta-3), var(--coze-magenta-3-alpha))
}

:is(.coz-fg-color-brand) {
   color: rgba(var(--coze-brand-50), var(--coze-brand-50-alpha))
}

:is(.coz-fg-color-brand-dim) {
   color: rgba(var(--coze-brand-30), var(--coze-brand-30-alpha))
}

:is(.coz-fg-color-alternative) {
   color: rgba(var(--coze-alternative-50), 1)
}

:is(.coz-fg-color-alternative-dim) {
   color: rgba(var(--coze-alternative-30), var(--coze-alternative-30-alpha))
}

:is(.coz-mg-hglt-plus-pressed) {
   background-color: rgba(var(--coze-brand-7), 1)
}

:is(.coz-mg-hglt-plus-hovered) {
   background-color: rgba(var(--coze-brand-6), 1)
}

:is(.coz-mg-hglt-plus) {
   background-color: rgba(var(--coze-brand-5), 1)
}

:is(.coz-mg-hglt-plus-dim) {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

:is(.coz-mg-hglt-secondary-pressed) {
   background-color: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha))
}

:is(.coz-mg-hglt-secondary-hovered) {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

:is(.coz-mg-hglt-secondary) {
   background-color: rgba(var(--coze-brand-0), var(--coze-brand-0-alpha))
}

:is(.coz-mg-hglt-secondary-red) {
   background-color: rgba(var(--coze-red-0), var(--coze-red-0-alpha))
}

:is(.coz-mg-hglt-secondary-yellow) {
   background-color: rgba(var(--coze-yellow-0), var(--coze-yellow-0-alpha))
}

:is(.coz-mg-hglt-secondary-green) {
   background-color: rgba(var(--coze-green-0), var(--coze-green-0-alpha))
}

:is(.coz-mg-plus-pressed) {
   background-color: rgba(var(--coze-bg-8), var(--coze-bg-8-alpha))
}

:is(.coz-mg-plus-hovered) {
   background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha))
}

:is(.\!coz-mg-plus) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha)) !important
}

:is(.coz-mg-plus) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

:is(.coz-mg-hglt-pressed) {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

:is(.coz-mg-hglt-hovered) {
   background-color: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha))
}

:is(.coz-mg-hglt-plus-ai-pressed) {
   background-color: rgba(var(--coze-purple-7), 1)
}

:is(.coz-mg-hglt-plus-ai-hovered) {
   background-color: rgba(var(--coze-purple-6), 1)
}

:is(.coz-mg-hglt-plus-ai) {
   background-color: rgba(var(--coze-purple-5), 1)
}

:is(.coz-mg-hglt-plus-ai-dim) {
   background-color: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha))
}

:is(.\!coz-mg-hglt) {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha)) !important
}

:is(.coz-mg-hglt) {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

:is(.coz-mg-hglt-ai-pressed) {
   background-color: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha))
}

:is(.coz-mg-hglt-ai-hovered) {
   background-color: rgba(var(--coze-purple-2), var(--coze-purple-2-alpha))
}

:is(.coz-mg-hglt-ai) {
   background-color: rgba(var(--coze-purple-1), var(--coze-purple-1-alpha))
}

:is(.coz-mg-hglt-plus-red-pressed) {
   background-color: rgba(var(--coze-red-7), 1)
}

:is(.coz-mg-hglt-plus-red-hovered) {
   background-color: rgba(var(--coze-red-6), 1)
}

:is(.coz-mg-hglt-plus-red) {
   background-color: rgba(var(--coze-red-5), 1)
}

:is(.coz-mg-hglt-plus-red-dim) {
   background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

:is(.coz-mg-hglt-plus-yellow-pressed) {
   background-color: rgba(var(--coze-yellow-7), 1)
}

:is(.coz-mg-hglt-plus-yellow-hovered) {
   background-color: rgba(var(--coze-yellow-6), 1)
}

:is(.coz-mg-hglt-plus-yellow) {
   background-color: rgba(var(--coze-yellow-5), 1)
}

:is(.coz-mg-hglt-plus-yellow-dim) {
   background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha))
}

:is(.coz-mg-hglt-plus-green-pressed) {
   background-color: rgba(var(--coze-green-7), 1)
}

:is(.coz-mg-hglt-plus-green-hovered) {
   background-color: rgba(var(--coze-green-6), 1)
}

:is(.coz-mg-hglt-plus-green) {
   background-color: rgba(var(--coze-green-5), 1)
}

:is(.coz-mg-hglt-plus-green-dim) {
   background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha))
}

:is(.coz-mg-hglt-red-pressed) {
   background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

:is(.coz-mg-hglt-red-hovered) {
   background-color: rgba(var(--coze-red-2), var(--coze-red-2-alpha))
}

:is(.coz-mg-hglt-red) {
   background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha))
}

:is(.coz-mg-hglt-yellow-pressed) {
   background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha))
}

:is(.coz-mg-hglt-yellow-hovered) {
   background-color: rgba(var(--coze-yellow-2), var(--coze-yellow-2-alpha))
}

:is(.\!coz-mg-hglt-yellow) {
   background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha)) !important
}

:is(.coz-mg-hglt-yellow) {
   background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha))
}

:is(.coz-mg-hglt-green-pressed) {
   background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha))
}

:is(.coz-mg-hglt-green-hovered) {
   background-color: rgba(var(--coze-green-2), var(--coze-green-2-alpha))
}

:is(.\!coz-mg-hglt-green) {
   background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha)) !important
}

:is(.coz-mg-hglt-green) {
   background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha))
}

:is(.coz-mg-color-plus-orange) {
   background-color: rgba(var(--coze-yellow-5), 1)
}

:is(.coz-mg-color-plus-emerald) {
   background-color: rgba(var(--coze-green-5), 1)
}

:is(.coz-mg-color-plus-cyan) {
   background-color: rgba(var(--coze-cyan-50), var(--coze-cyan-50-alpha))
}

:is(.coz-mg-color-plus-blue) {
   background-color: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha))
}

:is(.coz-mg-color-plus-purple) {
   background-color: rgba(var(--coze-purple-50), var(--coze-purple-50-alpha))
}

:is(.coz-mg-color-plus-magenta) {
   background-color: rgba(var(--coze-magenta-50), var(--coze-magenta-50-alpha))
}

:is(.coz-mg-color-plus-yellow) {
   background-color: rgba(var(--coze-yellow-50), var(--coze-yellow-50-alpha))
}

:is(.coz-mg-color-orange-pressed) {
   background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha))
}

:is(.coz-mg-color-orange-hovered) {
   background-color: rgba(var(--coze-yellow-2), var(--coze-yellow-2-alpha))
}

:is(.coz-mg-color-orange) {
   background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha))
}

:is(.coz-mg-color-emerald-pressed) {
   background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha))
}

:is(.coz-mg-color-emerald-hovered) {
   background-color: rgba(var(--coze-green-2), var(--coze-green-2-alpha))
}

:is(.coz-mg-color-emerald) {
   background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha))
}

:is(.coz-mg-color-cyan-pressed) {
   background-color: rgba(var(--coze-cyan-30), var(--coze-cyan-30-alpha))
}

:is(.coz-mg-color-cyan-hovered) {
   background-color: rgba(var(--coze-cyan-20), var(--coze-cyan-20-alpha))
}

:is(.coz-mg-color-cyan) {
   background-color: rgba(var(--coze-cyan-10), var(--coze-cyan-10-alpha))
}

:is(.coz-mg-color-blue-pressed) {
   background-color: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha))
}

:is(.coz-mg-color-blue-hovered) {
   background-color: rgba(var(--coze-blue-20), var(--coze-blue-20-alpha))
}

:is(.\!coz-mg-color-blue) {
   background-color: rgba(var(--coze-blue-10), var(--coze-blue-10-alpha)) !important
}

:is(.coz-mg-color-blue) {
   background-color: rgba(var(--coze-blue-10), var(--coze-blue-10-alpha))
}

:is(.coz-mg-color-purple-pressed) {
   background-color: rgba(var(--coze-purple-30), var(--coze-purple-30-alpha))
}

:is(.coz-mg-color-purple-hovered) {
   background-color: rgba(var(--coze-purple-20), var(--coze-purple-20-alpha))
}

:is(.coz-mg-color-purple) {
   background-color: rgba(var(--coze-purple-10), var(--coze-purple-10-alpha))
}

:is(.coz-mg-color-magenta-pressed) {
   background-color: rgba(var(--coze-magenta-30), var(--coze-magenta-30-alpha))
}

:is(.coz-mg-color-magenta-hovered) {
   background-color: rgba(var(--coze-magenta-20), var(--coze-magenta-20-alpha))
}

:is(.coz-mg-color-magenta) {
   background-color: rgba(var(--coze-magenta-10), var(--coze-magenta-10-alpha))
}

:is(.\!coz-mg-primary-pressed) {
   background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha)) !important
}

:is(.coz-mg-primary-pressed) {
   background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha))
}

:is(.\!coz-mg-primary-hovered) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha)) !important
}

:is(.coz-mg-primary-hovered) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

:is(.\!coz-mg-primary) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha)) !important
}

:is(.coz-mg-primary) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

:is(.\!coz-mg-secondary-pressed) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha)) !important
}

:is(.coz-mg-secondary-pressed) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

:is(.\!coz-mg-secondary-hovered) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha)) !important
}

:is(.coz-mg-secondary-hovered) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

:is(.\!coz-mg-secondary) {
   background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha)) !important
}

:is(.coz-mg-secondary) {
   background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha))
}

:is(.coz-mg-mask) {
   background-color: rgba(var(--coze-mask-5), .4)
}

:is(.coz-mg-card-hovered) {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha))
}

:is(.coz-mg-card) {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha))
}

:is(.coz-mg-color-plus-brand) {
   background-color: rgba(var(--coze-brand-50), var(--coze-brand-50-alpha))
}

:is(.\!coz-bg-max) {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha)) !important
}

:is(.coz-bg-max) {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha))
}

:is(.\!coz-bg-plus) {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha)) !important
}

:is(.coz-bg-plus) {
   background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha))
}

:is(.\!coz-bg-primary) {
   background-color: rgba(var(--coze-bg-1), var(--coze-bg-1-alpha)) !important
}

:is(.coz-bg-primary) {
   background-color: rgba(var(--coze-bg-1), var(--coze-bg-1-alpha))
}

:is(.coz-bg-secondary) {
   background-color: rgba(var(--coze-bg-0), 1)
}

:is(.\!coz-stroke-hglt) {
   border-color: rgba(var(--coze-brand-5), 1) !important
}

:is(.coz-stroke-hglt) {
   border-color: rgba(var(--coze-brand-5), 1)
}

:is(.\!coz-stroke-plus) {
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha)) !important
}

:is(.coz-stroke-plus) {
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha))
}

:is(.\!coz-stroke-primary) {
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha)) !important
}

:is(.coz-stroke-primary) {
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

:is(.\!coz-stroke-hglt-red) {
   border-color: rgba(var(--coze-red-5), 1) !important
}

:is(.coz-stroke-hglt-red) {
   border-color: rgba(var(--coze-red-5), 1)
}

:is(.coz-stroke-hglt-yellow) {
   border-color: rgba(var(--coze-yellow-5), 1)
}

:is(.coz-stroke-hglt-green) {
   border-color: rgba(var(--coze-green-5), 1)
}

:is(.coz-stroke-color-orange) {
   border-color: rgba(var(--coze-yellow-5), 1)
}

:is(.coz-stroke-color-emerald) {
   border-color: rgba(var(--coze-green-5), 1)
}

:is(.coz-stroke-color-cyan) {
   border-color: rgba(var(--coze-cyan-50), var(--coze-cyan-50-alpha))
}

:is(.coz-stroke-color-blue) {
   border-color: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha))
}

:is(.coz-stroke-color-purple) {
   border-color: rgba(var(--coze-purple-50), var(--coze-purple-50-alpha))
}

:is(.coz-stroke-color-magenta) {
   border-color: rgba(var(--coze-magenta-50), var(--coze-magenta-50-alpha))
}

:is(.coz-stroke-color-yellow) {
   border-color: rgba(var(--coze-yellow-50), var(--coze-yellow-50-alpha))
}

:is(.coz-stroke-color-brand) {
   border-color: rgba(var(--coze-brand-50), var(--coze-brand-50-alpha))
}

:is(.coz-shadow) {
   box-shadow: 0 4px 12px 0 rgba(var(--coze-shadow-0), .08), 0 8px 24px 0 rgba(var(--coze-shadow-0), .04)
}

:is(.coz-shadow-large) {
   box-shadow: 0 8px 24px 0 rgba(var(--coze-shadow-0), .16), 0 16px 48px 0 rgba(var(--coze-shadow-0), .08)
}

:is(.coz-shadow-default) {
   box-shadow: 0 4px 12px 0 rgba(var(--coze-shadow-0), .08), 0 8px 24px 0 rgba(var(--coze-shadow-0), .04)
}

:is(.coz-shadow-small) {
   box-shadow: 0 2px 6px 0 rgba(var(--coze-shadow-0), .04), 0 4px 12px 0 rgba(var(--coze-shadow-0), .02)
}

.\[border-top\:1px_solid_rgba\(_56\2c 55\2c 67_\2c 0\.08\)\] {
   border-top: 1px solid rgba(56, 55, 67, .08)
}

.\[traceparent\:00-0e661085071215ac7d0d63c4a7900045-7a3592537f8659eb-01\] {
   traceparent: 0-0e661085071215ac7d0d63c4a7900045-7a3592537f8659eb-01
}

.\[traceparent\:00-dd61175306fb4d6572a01ab109925a94-a4fe0b4a913be2e8-01\] {
   traceparent: 0-dd61175306fb4d6572a01ab109925a94-a4fe0b4a913be2e8-01
}

.\!container {
   width: 100% !important
}

.container {
   width: 100%
}

@media (min-width:640px) {
   .\!container {
      max-width: 640px !important
   }

   .container {
      max-width: 640px
   }
}

@media (min-width:768px) {
   .\!container {
      max-width: 768px !important
   }

   .container {
      max-width: 768px
   }
}

@media (min-width:1200px) {
   .\!container {
      max-width: 1200px !important
   }

   .container {
      max-width: 1200px
   }
}

@media (min-width:1600px) {
   .\!container {
      max-width: 1600px !important
   }

   .container {
      max-width: 1600px
   }
}

@media (min-width:1680px) {
   .\!container {
      max-width: 1680px !important
   }

   .container {
      max-width: 1680px
   }
}

@media (min-width:1920px) {
   .\!container {
      max-width: 1920px !important
   }

   .container {
      max-width: 1920px
   }
}

.coz-fg-images-bots {
   color: var(--coze-fg-images-bots)
}

.\!coz-fg-images-white {
   color: var(--coze-fg-image-white) !important;
   text-shadow: 0 .5px 1px rgba(0, 0, 0, .25) !important
}

.coz-fg-images-white {
   color: var(--coze-fg-image-white);
   text-shadow: 0 .5px 1px rgba(0, 0, 0, .25)
}

.\!coz-bg-images-white {
   background-color: var(--coze-fg-image-white) !important
}

.coz-fg-images-user-name {
   color: var(--coze-fg-image-user-name);
   text-shadow: 0 .5px 1px rgba(0, 0, 0, .5)
}

.\!coz-fg-images-secondary {
   color: var(--coze-fg-image-secondary) !important
}

.coz-fg-images-secondary {
   color: var(--coze-fg-image-secondary)
}

.\!coz-bg-images-secondary {
   background-color: var(--coze-fg-image-secondary) !important
}

.\!coz-bg-image-user {
   backdrop-filter: drop-shadow(0 0 0 var(--coze-bg-image-user)) !important;
   -webkit-backdrop-filter: drop-shadow(0 0 0 var(--coze-bg-image-user)) !important;
   background-color: var(--coze-bg-image-user) !important;
   -webkit-filter: drop-shadow(0 0 0 var(--coze-bg-image-user)) !important;
   filter: drop-shadow(0 0 0 var(--coze-bg-image-user)) !important
}

.\!coz-bg-image-bots {
   backdrop-filter: drop-shadow(0 0 0 var(--coze-bg-image-bots)) !important;
   -webkit-backdrop-filter: drop-shadow(0 0 0 var(--coze-bg-image-bots)) !important;
   background-color: var(--coze-bg-image-bots) !important;
   -webkit-filter: drop-shadow(0 0 0 var(--coze-bg-image-bots)) !important;
   filter: drop-shadow(0 0 0 var(--coze-bg-image-bots)) !important
}

.coz-bg-image-bots {
   backdrop-filter: drop-shadow(0 0 0 var(--coze-bg-image-bots));
   -webkit-backdrop-filter: drop-shadow(0 0 0 var(--coze-bg-image-bots));
   background-color: var(--coze-bg-image-bots);
   -webkit-filter: drop-shadow(0 0 0 var(--coze-bg-image-bots));
   filter: drop-shadow(0 0 0 var(--coze-bg-image-bots))
}

.\!coz-bg-image-question {
   backdrop-filter: drop-shadow(0 0 0 var(--coze-bg-image-question)) !important;
   -webkit-backdrop-filter: drop-shadow(0 0 0 var(--coze-bg-image-question)) !important;
   background-color: var(--coze-bg-image-question) !important;
   -webkit-filter: drop-shadow(0 0 0 var(--coze-bg-image-question)) !important;
   filter: drop-shadow(0 0 0 var(--coze-bg-image-question)) !important
}

.coz-bg-image-question {
   backdrop-filter: drop-shadow(0 0 0 var(--coze-bg-image-question));
   -webkit-backdrop-filter: drop-shadow(0 0 0 var(--coze-bg-image-question));
   background-color: var(--coze-bg-image-question);
   -webkit-filter: drop-shadow(0 0 0 var(--coze-bg-image-question));
   filter: drop-shadow(0 0 0 var(--coze-bg-image-question))
}

.\!coz-stroke-image-bots {
   border: 1px solid var(--coze-stroke-image-bots) !important
}

.coz-stroke-image-bots {
   border: 1px solid var(--coze-stroke-image-bots)
}

.\!coz-stroke-image-user {
   border: 1px solid var(--coze-stroke-image-user) !important
}

:is(.first-line\:mt-auto):first-line {
   margin-top: auto
}

:is(.placeholder\:coz-fg-dim)::-webkit-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.placeholder\:coz-fg-dim)::-ms-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.placeholder\:coz-fg-dim)::placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.after\:absolute):after {
   content: var(--tw-content);
   position: absolute
}

:is(.after\:bottom-0):after {
   bottom: 0;
   content: var(--tw-content)
}

:is(.after\:left-0):after {
   content: var(--tw-content);
   left: 0
}

:is(.after\:right-0):after {
   content: var(--tw-content);
   right: 0
}

:is(.after\:hidden):after {
   content: var(--tw-content);
   display: none
}

:is(.after\:h-\[1px\]):after {
   content: var(--tw-content);
   height: 1px
}

:is(.after\:content-\[\"\"\]):after {
   --tw-content: "";
   content: var(--tw-content)
}

:is(.after\:coz-mg-primary):after {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   content: var(--tw-content)
}

:is(.first\:ml-16px:first-child) {
   margin-left: var(--coze-16)
}

:is(.first\:hidden:first-child) {
   display: none
}

:is(.last\:mb-0:last-child) {
   margin-bottom: 0
}

:is(.last\:mr-16px:last-child) {
   margin-right: var(--coze-16)
}

:is(.last\:flex-1:last-child) {
   flex: 1 1
}

:is(.last\:border-b-0:last-child) {
   border-bottom-width: 0
}

:is(.last\:border-none:last-child) {
   border-style: none
}

:is(.last\:pb-0:last-child) {
   padding-bottom: 0
}

:is(.empty\:hidden:empty) {
   display: none
}

:is(.focus-within\:coz-stroke-hglt:focus-within) {
   border-color: rgba(var(--coze-brand-5), 1)
}

:is(.hover\:relative:hover) {
   position: relative
}

:is(.hover\:scale-105:hover) {
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;
   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))
}

:is(.hover\:cursor-auto:hover) {
   cursor: auto
}

:is(.hover\:cursor-col-resize:hover) {
   cursor: col-resize
}

:is(.hover\:cursor-pointer:hover) {
   cursor: pointer
}

:is(.hover\:rounded:hover) {
   border-radius: var(--coze-8)
}

:is(.hover\:rounded-lg:hover) {
   border-radius: .5rem
}

:is(.hover\:rounded-mini:hover) {
   border-radius: var(--coze-4)
}

:is(.hover\:border-0:hover) {
   border-width: 0
}

:is(.hover\:border-none:hover) {
   border-style: none
}

:is(.hover\:\!border-transparent:hover) {
   border-color: transparent !important
}

:is(.hover\:\!bg-\[\#000000eb\]:hover) {
   background-color: #000000eb !important
}

:is(.hover\:\!bg-\[\#080D1E\]:hover) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(8 13 30/var(--tw-bg-opacity)) !important
}

:is(.hover\:\!bg-\[\#09032E\]:hover) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(9 3 46/var(--tw-bg-opacity)) !important
}

:is(.hover\:\!bg-\[\#2E2E380A\]:hover) {
   background-color: #2e2e380a !important
}

:is(.hover\:\!bg-\[\#D0D4E0\]:hover) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(208 212 224/var(--tw-bg-opacity)) !important
}

:is(.hover\:\!bg-\[\#DEE3F2\]:hover) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(222 227 242/var(--tw-bg-opacity)) !important
}

:is(.hover\:\!bg-\[\#FFFFFF33\]:hover) {
   background-color: #ffffff33 !important
}

:is(.hover\:\!bg-\[var\(--semi-color-fill-1\)\]:hover) {
   background-color: var(--semi-color-fill-1) !important
}

:is(.hover\:bg-\[\#0607091A\]:hover) {
   background-color: #0607091a
}

:is(.hover\:bg-\[\#FFFFFFCC\]:hover) {
   background-color: #ffffffcc
}

:is(.hover\:bg-\[\#fafafa\]:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

:is(.hover\:bg-\[rgb\(var\(--coze-up-brand-9\)\)\]:hover) {
   background-color: rgb(var(--coze-up-brand-9))
}

:is(.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]:hover) {
   background-color: hsla(0, 0%, 100%, .2)
}

:is(.hover\:bg-\[rgba\(75\2c 90\2c 140\2c 0\.19\)\]:hover) {
   background-color: rgba(75, 90, 140, .19)
}

:is(.hover\:bg-\[var\(--coz-mg-hglt-hovered\)\]:hover) {
   background-color: var(--coz-mg-hglt-hovered)
}

:is(.hover\:bg-\[var\(--coz-mg-hglt-yellow-hovered\)\]:hover) {
   background-color: var(--coz-mg-hglt-yellow-hovered)
}

:is(.hover\:bg-\[var\(--coz-mg-primary\)\]:hover) {
   background-color: var(--coz-mg-primary)
}

:is(.hover\:bg-\[var\(--coz-mg-secondary\)\]:hover) {
   background-color: var(--coz-mg-secondary)
}

:is(.hover\:bg-\[var\(--coz-mg-secondary-hovered\)\]:hover) {
   background-color: var(--coz-mg-secondary-hovered)
}

:is(.hover\:bg-\[var\(--light-usage-fill-color-fill-0\2c rgba\(46\2c 50\2c 56\2c 5\%\)\)\]:hover) {
   background-color: var(--light-usage-fill-color-fill-0, rgba(46, 50, 56, 5%))
}

:is(.hover\:bg-background-5:hover) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

:is(.hover\:bg-foreground-4:hover) {
   background-color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

:is(.hover\:bg-gray-100:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

:is(.hover\:bg-gray-200:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

:is(.hover\:bg-transparent:hover) {
   background-color: transparent
}

:is(.hover\:\!text-orange-500:hover) {
   --tw-text-opacity: 1 !important;
   color: rgb(249 115 22/var(--tw-text-opacity)) !important
}

:is(.hover\:text-\[var\(--coz-fg-primary\)\]:hover) {
   color: var(--coz-fg-primary)
}

:is(.hover\:text-\[var\(--light-usage-text-color-text-0\2c \#1c1f23\)\]:hover) {
   color: var(--light-usage-text-color-text-0, #1c1f23)
}

:is(.hover\:text-black:hover) {
   color: rgb(var(--black-6))
}

:is(.hover\:text-brand-6:hover) {
   color: rgba(var(--coze-brand-6), 1)
}

:is(.hover\:text-foreground-4:hover) {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

:is(.hover\:underline:hover) {
   -webkit-text-decoration-line: underline;
   text-decoration-line: underline
}

:is(.hover\:opacity-100:hover) {
   opacity: 1
}

:is(.hover\:shadow-\[0_6px_8px_0_rgba\(28\2c 31\2c 35\2c 6\%\)\]:hover) {
   --tw-shadow: 0 6px 8px 0 rgba(28, 31, 35, 6%);
   --tw-shadow-colored: 0 6px 8px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.hover\:outline-\[\#4E40E5\]:hover) {
   outline-color: #4e40e5
}

:is(.hover\:backdrop-blur-\[15px\]:hover) {
   --tw-backdrop-blur: blur(15px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

:is(.hover\:coz-fg-hglt-plus-dim:hover) {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

:is(.hover\:coz-fg-hglt:hover) {
   color: rgba(var(--coze-brand-5), 1)
}

:is(.hover\:coz-fg-hglt-dim:hover) {
   color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

:is(.hover\:coz-fg-plus:hover) {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

:is(.hover\:coz-fg-primary:hover) {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

:is(.hover\:coz-fg-dim:hover) {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.hover\:\!coz-fg-hglt-red:hover) {
   color: rgba(var(--coze-red-5), 1) !important
}

:is(.hover\:coz-fg-hglt-red-dim:hover) {
   color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

:is(.hover\:coz-mg-hglt-plus-hovered:hover) {
   background-color: rgba(var(--coze-brand-6), 1)
}

:is(.hover\:coz-mg-hglt-plus-dim:hover) {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

:is(.hover\:coz-mg-hglt-secondary-hovered:hover) {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

:is(.hover\:\!coz-mg-hglt-hovered:hover) {
   background-color: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha)) !important
}

:is(.hover\:coz-mg-hglt-hovered:hover) {
   background-color: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha))
}

:is(.hover\:coz-mg-hglt:hover) {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

:is(.hover\:coz-mg-hglt-plus-red-hovered:hover) {
   background-color: rgba(var(--coze-red-6), 1)
}

:is(.hover\:coz-mg-hglt-plus-yellow-hovered:hover) {
   background-color: rgba(var(--coze-yellow-6), 1)
}

:is(.hover\:coz-mg-hglt-plus-green-hovered:hover) {
   background-color: rgba(var(--coze-green-6), 1)
}

:is(.hover\:coz-mg-hglt-red-hovered:hover) {
   background-color: rgba(var(--coze-red-2), var(--coze-red-2-alpha))
}

:is(.hover\:coz-mg-hglt-red:hover) {
   background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha))
}

:is(.hover\:coz-mg-hglt-yellow-hovered:hover) {
   background-color: rgba(var(--coze-yellow-2), var(--coze-yellow-2-alpha))
}

:is(.hover\:coz-mg-hglt-yellow:hover) {
   background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha))
}

:is(.hover\:coz-mg-hglt-green-hovered:hover) {
   background-color: rgba(var(--coze-green-2), var(--coze-green-2-alpha))
}

:is(.hover\:coz-mg-hglt-green:hover) {
   background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha))
}

:is(.hover\:coz-mg-color-cyan-hovered:hover) {
   background-color: rgba(var(--coze-cyan-20), var(--coze-cyan-20-alpha))
}

:is(.hover\:coz-mg-color-cyan:hover) {
   background-color: rgba(var(--coze-cyan-10), var(--coze-cyan-10-alpha))
}

:is(.hover\:coz-mg-color-blue-hovered:hover) {
   background-color: rgba(var(--coze-blue-20), var(--coze-blue-20-alpha))
}

:is(.hover\:coz-mg-color-blue:hover) {
   background-color: rgba(var(--coze-blue-10), var(--coze-blue-10-alpha))
}

:is(.hover\:coz-mg-color-purple-hovered:hover) {
   background-color: rgba(var(--coze-purple-20), var(--coze-purple-20-alpha))
}

:is(.hover\:coz-mg-color-purple:hover) {
   background-color: rgba(var(--coze-purple-10), var(--coze-purple-10-alpha))
}

:is(.hover\:coz-mg-color-magenta-hovered:hover) {
   background-color: rgba(var(--coze-magenta-20), var(--coze-magenta-20-alpha))
}

:is(.hover\:coz-mg-color-magenta:hover) {
   background-color: rgba(var(--coze-magenta-10), var(--coze-magenta-10-alpha))
}

:is(.hover\:\!coz-mg-primary-hovered:hover) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha)) !important
}

:is(.hover\:coz-mg-primary-hovered:hover) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

:is(.hover\:\!coz-mg-primary:hover) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha)) !important
}

:is(.hover\:coz-mg-primary:hover) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

:is(.hover\:\!coz-mg-secondary-hovered:hover) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha)) !important
}

:is(.hover\:coz-mg-secondary-hovered:hover) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

:is(.hover\:coz-mg-secondary:hover) {
   background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha))
}

:is(.hover\:\!coz-bg-max:hover) {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha)) !important
}

:is(.hover\:coz-stroke-hglt:hover) {
   border-color: rgba(var(--coze-brand-5), 1)
}

:is(.hover\:coz-stroke-plus:hover) {
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha))
}

:is(.hover\:coz-stroke-primary:hover) {
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

:is(.hover\:coz-stroke-hglt-red:hover) {
   border-color: rgba(var(--coze-red-5), 1)
}

:is(.hover\:coz-shadow-default:hover) {
   box-shadow: 0 4px 12px 0 rgba(var(--coze-shadow-0), .08), 0 8px 24px 0 rgba(var(--coze-shadow-0), .04)
}

:is(.hover\:after\:hidden:hover):after {
   content: var(--tw-content);
   display: none
}

:is(.focus\:border-0:focus) {
   border-width: 0
}

:is(.focus\:outline-none:focus) {
   outline: 2px solid transparent;
   outline-offset: 2px
}

:is(.focus-visible\:z-10:focus-visible) {
   z-index: 10
}

:is(.focus-visible\:outline-2:focus-visible) {
   outline-width: 2px
}

:is(.focus-visible\:outline-offset-2:focus-visible) {
   outline-offset: 2px
}

:is(.active\:border-none:active) {
   border-style: none
}

:is(.active\:border-transparent:active) {
   border-color: transparent
}

:is(.active\:\!bg-\[\#000000d6\]:active) {
   background-color: #000000d6 !important
}

:is(.active\:\!bg-\[\#080D1EE5\]:active) {
   background-color: #080d1ee5 !important
}

:is(.active\:\!bg-\[\#09032E\]:active) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(9 3 46/var(--tw-bg-opacity)) !important
}

:is(.active\:\!bg-\[\#FFFFFF47\]:active) {
   background-color: #ffffff47 !important
}

:is(.active\:\!bg-background-3:active) {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha)) !important
}

:is(.active\:bg-\[rgba\(68\2c 83\2c 130\2c 0\.25\)\]:active) {
   background-color: rgba(68, 83, 130, .25)
}

:is(.active\:bg-\[var\(--coz-mg-hglt-pressed\)\]:active) {
   background-color: var(--coz-mg-hglt-pressed)
}

:is(.active\:bg-\[var\(--coz-mg-hglt-yellow-pressed\)\]:active) {
   background-color: var(--coz-mg-hglt-yellow-pressed)
}

:is(.active\:bg-\[var\(--coz-mg-secondary-pressed\)\]:active) {
   background-color: var(--coz-mg-secondary-pressed)
}

:is(.active\:bg-background-6:active) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

:is(.active\:bg-foreground-5:active) {
   background-color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

:is(.active\:bg-transparent:active) {
   background-color: transparent
}

:is(.active\:text-brand-6:active) {
   color: rgba(var(--coze-brand-6), 1)
}

:is(.active\:text-foreground-4:active) {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

:is(.active\:no-underline:active) {
   -webkit-text-decoration-line: none;
   text-decoration-line: none
}

:is(.active\:coz-fg-hglt-plus-dim:active) {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

:is(.active\:coz-fg-dim:active) {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.active\:coz-mg-hglt-plus-pressed:active) {
   background-color: rgba(var(--coze-brand-7), 1)
}

:is(.active\:coz-mg-hglt-plus-dim:active) {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

:is(.active\:\!coz-mg-hglt-pressed:active) {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha)) !important
}

:is(.active\:coz-mg-hglt-pressed:active) {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

:is(.active\:coz-mg-hglt:active) {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

:is(.active\:coz-mg-hglt-plus-red-pressed:active) {
   background-color: rgba(var(--coze-red-7), 1)
}

:is(.active\:coz-mg-hglt-plus-yellow-pressed:active) {
   background-color: rgba(var(--coze-yellow-7), 1)
}

:is(.active\:coz-mg-hglt-plus-green-pressed:active) {
   background-color: rgba(var(--coze-green-7), 1)
}

:is(.active\:coz-mg-hglt-red-pressed:active) {
   background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

:is(.active\:coz-mg-hglt-red:active) {
   background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha))
}

:is(.active\:coz-mg-hglt-yellow-pressed:active) {
   background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha))
}

:is(.active\:coz-mg-hglt-yellow:active) {
   background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha))
}

:is(.active\:coz-mg-hglt-green-pressed:active) {
   background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha))
}

:is(.active\:coz-mg-hglt-green:active) {
   background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha))
}

:is(.active\:coz-mg-color-cyan-pressed:active) {
   background-color: rgba(var(--coze-cyan-30), var(--coze-cyan-30-alpha))
}

:is(.active\:coz-mg-color-cyan:active) {
   background-color: rgba(var(--coze-cyan-10), var(--coze-cyan-10-alpha))
}

:is(.active\:coz-mg-color-blue-pressed:active) {
   background-color: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha))
}

:is(.active\:coz-mg-color-blue:active) {
   background-color: rgba(var(--coze-blue-10), var(--coze-blue-10-alpha))
}

:is(.active\:coz-mg-color-purple-pressed:active) {
   background-color: rgba(var(--coze-purple-30), var(--coze-purple-30-alpha))
}

:is(.active\:coz-mg-color-purple:active) {
   background-color: rgba(var(--coze-purple-10), var(--coze-purple-10-alpha))
}

:is(.active\:coz-mg-color-magenta-pressed:active) {
   background-color: rgba(var(--coze-magenta-30), var(--coze-magenta-30-alpha))
}

:is(.active\:coz-mg-color-magenta:active) {
   background-color: rgba(var(--coze-magenta-10), var(--coze-magenta-10-alpha))
}

:is(.active\:coz-mg-primary-pressed:active) {
   background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha))
}

:is(.active\:coz-mg-primary:active) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

:is(.active\:\!coz-mg-secondary-pressed:active) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha)) !important
}

:is(.active\:coz-mg-secondary-pressed:active) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

:is(.active\:coz-mg-secondary-hovered:active) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

:is(.active\:coz-stroke-hglt:active) {
   border-color: rgba(var(--coze-brand-5), 1)
}

:is(.active\:coz-stroke-hglt-red:active) {
   border-color: rgba(var(--coze-red-5), 1)
}

:is(.active\:hover\:coz-mg-primary-pressed:hover:active) {
   background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha))
}

:is(.disabled\:bg-transparent:disabled) {
   background-color: transparent
}

:is(.disabled\:text-\[rgb\(28\2c 31\2c 35\2c 0\.35\)\]:disabled) {
   color: rgb(28, 31, 35, .35)
}

:is(.disabled\:opacity-20:disabled) {
   opacity: .2
}

:is(.disabled\:opacity-50:disabled) {
   opacity: .5
}

:is(.disabled\:coz-fg-hglt-plus-dim:disabled) {
   color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha))
}

:is(.disabled\:coz-fg-hglt-dim:disabled) {
   color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

:is(.disabled\:coz-fg-dim:disabled) {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

:is(.disabled\:coz-fg-white-dim:disabled) {
   color: rgba(var(--coze-fg-white), var(--coze-fg-white-alpha))
}

:is(.disabled\:coz-fg-hglt-red-dim:disabled) {
   color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

:is(.disabled\:coz-mg-hglt-plus-dim:disabled) {
   background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha))
}

:is(.disabled\:coz-mg-hglt:disabled) {
   background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha))
}

:is(.disabled\:coz-mg-hglt-plus-red-dim:disabled) {
   background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha))
}

:is(.disabled\:coz-mg-hglt-plus-yellow-dim:disabled) {
   background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha))
}

:is(.disabled\:coz-mg-hglt-plus-green-dim:disabled) {
   background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha))
}

:is(.disabled\:coz-mg-hglt-red:disabled) {
   background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha))
}

:is(.disabled\:coz-mg-primary:disabled) {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

:is(.disabled\:coz-bg-max:disabled) {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha))
}

:is(.group:hover .group-hover\:pointer-events-auto) {
   pointer-events: auto
}

:is(.group:hover .group-hover\:visible) {
   visibility: visible
}

:is(.group:hover .group-hover\:block) {
   display: block
}

:is(.group:hover .group-hover\:flex) {
   display: flex
}

:is(.group:hover .group-hover\:translate-y-0) {
   --tw-translate-y: 0px;
   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))
}

:is(.group:hover .group-hover\:opacity-100) {
   opacity: 1
}

:is(.group:hover .group-hover\:coz-fg-plus) {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

.group:hover .group-hover\:\[animation-play-state\:paused\] {
   animation-play-state: paused
}

:is(.group.toaster .group-\[\.toaster\]\:border-zinc-200) {
   --tw-border-opacity: 1;
   border-color: rgb(228 228 231/var(--tw-border-opacity))
}

:is(.group.toast .group-\[\.toast\]\:bg-zinc-100) {
   --tw-bg-opacity: 1;
   background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

:is(.group.toast .group-\[\.toast\]\:bg-zinc-900) {
   --tw-bg-opacity: 1;
   background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

:is(.group.toaster .group-\[\.toaster\]\:bg-white) {
   background-color: rgb(var(--white-1))
}

:is(.group.toast .group-\[\.toast\]\:text-zinc-50) {
   --tw-text-opacity: 1;
   color: rgb(250 250 250/var(--tw-text-opacity))
}

:is(.group.toast .group-\[\.toast\]\:text-zinc-500) {
   --tw-text-opacity: 1;
   color: rgb(113 113 122/var(--tw-text-opacity))
}

:is(.group.toaster .group-\[\.toaster\]\:text-zinc-950) {
   --tw-text-opacity: 1;
   color: rgb(9 9 11/var(--tw-text-opacity))
}

:is(.group.toaster .group-\[\.toaster\]\:shadow-lg) {
   --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.data-\[focus-visible\=true\]\:z-10[data-focus-visible=true]) {
   z-index: 10
}

:is(.data-\[focus-visible\=true\]\:outline-2[data-focus-visible=true]) {
   outline-width: 2px
}

:is(.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible=true]) {
   outline-offset: 2px
}

:is(.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:z-10) {
   z-index: 10
}

:is(.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-2) {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

:is(.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-offset-2) {
   --tw-ring-offset-width: 2px
}

:is(.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-offset-background) {
   --tw-ring-offset-color: rgba(var(--background), 1)
}

:is(.dark .dark\:via-60\%) {
   --tw-gradient-via-position: 60%
}

:is(.dark .dark\:to-blue-200) {
   --tw-gradient-to: #bfdbfe var(--tw-gradient-to-position)
}

:is(.dark .dark\:to-emerald-200) {
   --tw-gradient-to: #a7f3d0 var(--tw-gradient-to-position)
}

:is(.dark .dark\:to-indigo-200) {
   --tw-gradient-to: #c7d2fe var(--tw-gradient-to-position)
}

:is(.dark .dark\:to-sky-200) {
   --tw-gradient-to: #bae6fd var(--tw-gradient-to-position)
}

:is(.dark .dark\:to-violet-200) {
   --tw-gradient-to: #ddd6fe var(--tw-gradient-to-position)
}

:is(.dark .dark\:to-yellow-200) {
   --tw-gradient-to: #fef08a var(--tw-gradient-to-position)
}

:is(.dark .dark\:shadow-\[-2px_-16px_16px_4px_var\(--tw-shadow-color\)\]) {
   --tw-shadow: -2px -16px 16px 4px var(--tw-shadow-color);
   --tw-shadow-colored: -2px -16px 16px 4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.dark .group.toaster .dark\:group-\[\.toaster\]\:border-zinc-800) {
   --tw-border-opacity: 1;
   border-color: rgb(39 39 42/var(--tw-border-opacity))
}

:is(.dark .group.toast .dark\:group-\[\.toast\]\:bg-zinc-50) {
   --tw-bg-opacity: 1;
   background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

:is(.dark .group.toast .dark\:group-\[\.toast\]\:bg-zinc-800) {
   --tw-bg-opacity: 1;
   background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

:is(.dark .group.toaster .dark\:group-\[\.toaster\]\:bg-zinc-950) {
   --tw-bg-opacity: 1;
   background-color: rgb(9 9 11/var(--tw-bg-opacity))
}

:is(.dark .group.toast .dark\:group-\[\.toast\]\:text-zinc-400) {
   --tw-text-opacity: 1;
   color: rgb(161 161 170/var(--tw-text-opacity))
}

:is(.dark .group.toast .dark\:group-\[\.toast\]\:text-zinc-900) {
   --tw-text-opacity: 1;
   color: rgb(24 24 27/var(--tw-text-opacity))
}

:is(.dark .group.toaster .dark\:group-\[\.toaster\]\:text-zinc-50) {
   --tw-text-opacity: 1;
   color: rgb(250 250 250/var(--tw-text-opacity))
}

@media (max-width:1200px) {
   :is(.mobile\:mb-\[12px\]) {
      margin-bottom: 12px
   }

   :is(.mobile\:mb-\[36px\]) {
      margin-bottom: 36px
   }

   :is(.mobile\:line-clamp-none) {
      -webkit-box-orient: horizontal;
      -webkit-line-clamp: none;
      display: block;
      overflow: visible
   }

   :is(.mobile\:block) {
      display: block
   }

   :is(.mobile\:hidden) {
      display: none
   }

   :is(.mobile\:h-\[96px\]) {
      height: 96px
   }

   :is(.mobile\:h-\[unset\]) {
      height: unset
   }

   :is(.mobile\:h-full) {
      height: 100%
   }

   :is(.mobile\:max-h-\[unset\]) {
      max-height: unset
   }

   :is(.mobile\:w-\[72px\]) {
      width: 72px
   }

   :is(.mobile\:w-full) {
      width: 100%
   }

   :is(.mobile\:w-screen) {
      width: 100vw
   }

   :is(.mobile\:min-w-fit) {
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content
   }

   :is(.mobile\:shrink-0) {
      flex-shrink: 0
   }

   :is(.mobile\:grow) {
      flex-grow: 1
   }

   :is(.mobile\:grow-0) {
      flex-grow: 0
   }

   :is(.mobile\:flex-col) {
      flex-direction: column
   }

   :is(.mobile\:items-start) {
      align-items: flex-start
   }

   :is(.mobile\:items-center) {
      align-items: center
   }

   :is(.mobile\:gap-\[16px\]) {
      gap: 16px
   }

   :is(.mobile\:overflow-auto) {
      overflow: auto
   }

   :is(.mobile\:overflow-visible) {
      overflow: visible
   }

   :is(.mobile\:border-none) {
      border-style: none
   }

   :is(.mobile\:bg-transparent) {
      background-color: transparent
   }

   :is(.mobile\:p-0) {
      padding: 0
   }

   :is(.mobile\:px-\[16px\]) {
      padding-left: 16px;
      padding-right: 16px
   }

   :is(.mobile\:px-\[32px\]) {
      padding-left: 32px;
      padding-right: 32px
   }

   :is(.mobile\:py-0) {
      padding-bottom: 0;
      padding-top: 0
   }

   :is(.mobile\:pt-0) {
      padding-top: 0
   }

   :is(.mobile\:pt-\[80px\]) {
      padding-top: 80px
   }

   :is(.mobile\:text-\[24px\]) {
      font-size: 24px
   }

   :is(.mobile\:shadow-none) {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
   }
}

@media (min-width:640px) {
   :is(.sm\:grid-flow-row) {
      grid-auto-flow: row
   }

   :is(.sm\:grid-flow-col) {
      grid-auto-flow: column
   }

   :is(.sm\:grid-flow-dense) {
      grid-auto-flow: dense
   }

   :is(.sm\:grid-flow-row-dense) {
      grid-auto-flow: row dense
   }

   :is(.sm\:grid-flow-col-dense) {
      grid-auto-flow: column dense
   }

   :is(.sm\:grid-cols-1) {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-10) {
      grid-template-columns: repeat(10, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-11) {
      grid-template-columns: repeat(11, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-12) {
      grid-template-columns: repeat(12, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-2) {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-4) {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-5) {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-6) {
      grid-template-columns: repeat(6, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-7) {
      grid-template-columns: repeat(7, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-8) {
      grid-template-columns: repeat(8, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-9) {
      grid-template-columns: repeat(9, minmax(0, 1fr))
   }

   :is(.sm\:grid-cols-none) {
      grid-template-columns: none
   }

   :is(.sm\:grid-rows-1) {
      grid-template-rows: repeat(1, minmax(0, 1fr))
   }

   :is(.sm\:grid-rows-2) {
      grid-template-rows: repeat(2, minmax(0, 1fr))
   }

   :is(.sm\:grid-rows-3) {
      grid-template-rows: repeat(3, minmax(0, 1fr))
   }

   :is(.sm\:grid-rows-4) {
      grid-template-rows: repeat(4, minmax(0, 1fr))
   }

   :is(.sm\:grid-rows-5) {
      grid-template-rows: repeat(5, minmax(0, 1fr))
   }

   :is(.sm\:grid-rows-6) {
      grid-template-rows: repeat(6, minmax(0, 1fr))
   }

   :is(.sm\:grid-rows-none) {
      grid-template-rows: none
   }

   :is(.sm\:flex-col) {
      flex-direction: column
   }

   :is(.sm\:flex-col-reverse) {
      flex-direction: column-reverse
   }

   :is(.sm\:gap-0) {
      gap: 0
   }

   :is(.sm\:gap-0\.5) {
      gap: .125rem
   }

   :is(.sm\:gap-1) {
      gap: .25rem
   }

   :is(.sm\:gap-1\.5) {
      gap: .375rem
   }

   :is(.sm\:gap-10) {
      gap: 2.5rem
   }

   :is(.sm\:gap-1080px) {
      gap: var(--coze-1080)
   }

   :is(.sm\:gap-10px) {
      gap: var(--coze-10)
   }

   :is(.sm\:gap-11) {
      gap: 2.75rem
   }

   :is(.sm\:gap-12) {
      gap: 3rem
   }

   :is(.sm\:gap-120px) {
      gap: var(--coze-120)
   }

   :is(.sm\:gap-12px) {
      gap: var(--coze-12)
   }

   :is(.sm\:gap-14) {
      gap: 3.5rem
   }

   :is(.sm\:gap-14px) {
      gap: var(--coze-14)
   }

   :is(.sm\:gap-15px) {
      gap: var(--coze-15)
   }

   :is(.sm\:gap-16) {
      gap: 4rem
   }

   :is(.sm\:gap-160px) {
      gap: var(--coze-160)
   }

   :is(.sm\:gap-16px) {
      gap: var(--coze-16)
   }

   :is(.sm\:gap-18px) {
      gap: var(--coze-18)
   }

   :is(.sm\:gap-1px) {
      gap: var(--coze-1)
   }

   :is(.sm\:gap-2) {
      gap: .5rem
   }

   :is(.sm\:gap-2\.5) {
      gap: .625rem
   }

   :is(.sm\:gap-20) {
      gap: 5rem
   }

   :is(.sm\:gap-200px) {
      gap: var(--coze-200)
   }

   :is(.sm\:gap-20px) {
      gap: var(--coze-20)
   }

   :is(.sm\:gap-22px) {
      gap: var(--coze-22)
   }

   :is(.sm\:gap-24) {
      gap: 6rem
   }

   :is(.sm\:gap-240px) {
      gap: var(--coze-240)
   }

   :is(.sm\:gap-24px) {
      gap: var(--coze-24)
   }

   :is(.sm\:gap-26px) {
      gap: var(--coze-26)
   }

   :is(.sm\:gap-28) {
      gap: 7rem
   }

   :is(.sm\:gap-28px) {
      gap: var(--coze-28)
   }

   :is(.sm\:gap-2px) {
      gap: var(--coze-2)
   }

   :is(.sm\:gap-3) {
      gap: .75rem
   }

   :is(.sm\:gap-3\.5) {
      gap: .875rem
   }

   :is(.sm\:gap-30px) {
      gap: var(--coze-30)
   }

   :is(.sm\:gap-32) {
      gap: 8rem
   }

   :is(.sm\:gap-320px) {
      gap: var(--coze-320)
   }

   :is(.sm\:gap-32px) {
      gap: var(--coze-32)
   }

   :is(.sm\:gap-36) {
      gap: 9rem
   }

   :is(.sm\:gap-3px) {
      gap: var(--coze-3)
   }

   :is(.sm\:gap-4) {
      gap: 1rem
   }

   :is(.sm\:gap-40) {
      gap: 10rem
   }

   :is(.sm\:gap-40px) {
      gap: var(--coze-40)
   }

   :is(.sm\:gap-44) {
      gap: 11rem
   }

   :is(.sm\:gap-48) {
      gap: 12rem
   }

   :is(.sm\:gap-480px) {
      gap: var(--coze-480)
   }

   :is(.sm\:gap-48px) {
      gap: var(--coze-48)
   }

   :is(.sm\:gap-4px) {
      gap: var(--coze-4)
   }

   :is(.sm\:gap-5) {
      gap: 1.25rem
   }

   :is(.sm\:gap-52) {
      gap: 13rem
   }

   :is(.sm\:gap-56) {
      gap: 14rem
   }

   :is(.sm\:gap-5px) {
      gap: var(--coze-5)
   }

   :is(.sm\:gap-6) {
      gap: 1.5rem
   }

   :is(.sm\:gap-60) {
      gap: 15rem
   }

   :is(.sm\:gap-64) {
      gap: 16rem
   }

   :is(.sm\:gap-640px) {
      gap: var(--coze-640)
   }

   :is(.sm\:gap-64px) {
      gap: var(--coze-64)
   }

   :is(.sm\:gap-6px) {
      gap: var(--coze-6)
   }

   :is(.sm\:gap-7) {
      gap: 1.75rem
   }

   :is(.sm\:gap-72) {
      gap: 18rem
   }

   :is(.sm\:gap-8) {
      gap: 2rem
   }

   :is(.sm\:gap-80) {
      gap: 20rem
   }

   :is(.sm\:gap-800px) {
      gap: var(--coze-800)
   }

   :is(.sm\:gap-80px) {
      gap: var(--coze-80)
   }

   :is(.sm\:gap-8px) {
      gap: var(--coze-8)
   }

   :is(.sm\:gap-9) {
      gap: 2.25rem
   }

   :is(.sm\:gap-96) {
      gap: 24rem
   }

   :is(.sm\:gap-96px) {
      gap: var(--coze-96)
   }

   :is(.sm\:gap-9px) {
      gap: var(--coze-9)
   }

   :is(.sm\:gap-base) {
      gap: 16px
   }

   :is(.sm\:gap-base-loose) {
      gap: 20px
   }

   :is(.sm\:gap-base-tight) {
      gap: 12px
   }

   :is(.sm\:gap-extra-loose) {
      gap: 32px
   }

   :is(.sm\:gap-extra-tight) {
      gap: 4px
   }

   :is(.sm\:gap-large) {
      gap: var(--coze-40)
   }

   :is(.sm\:gap-loose) {
      gap: 24px
   }

   :is(.sm\:gap-md) {
      gap: var(--coze-64)
   }

   :is(.sm\:gap-mini) {
      gap: var(--coze-16)
   }

   :is(.sm\:gap-mm) {
      gap: var(--coze-48)
   }

   :is(.sm\:gap-none) {
      gap: 0
   }

   :is(.sm\:gap-normal) {
      gap: var(--coze-32)
   }

   :is(.sm\:gap-px) {
      gap: 1px
   }

   :is(.sm\:gap-small) {
      gap: var(--coze-20)
   }

   :is(.sm\:gap-super-loose) {
      gap: 40px
   }

   :is(.sm\:gap-super-tight) {
      gap: 2px
   }

   :is(.sm\:gap-tight) {
      gap: 8px
   }

   :is(.sm\:gap-xl) {
      gap: var(--coze-80)
   }

   :is(.sm\:gap-xxl) {
      gap: var(--coze-96)
   }

   :is(.sm\:gap-x) {
      column-gap: var(--coze-8)
   }

   :is(.sm\:gap-x-0) {
      column-gap: 0
   }

   :is(.sm\:gap-x-0\.5) {
      column-gap: .125rem
   }

   :is(.sm\:gap-x-1) {
      column-gap: .25rem
   }

   :is(.sm\:gap-x-1\.5) {
      column-gap: .375rem
   }

   :is(.sm\:gap-x-10) {
      column-gap: 2.5rem
   }

   :is(.sm\:gap-x-1080px) {
      column-gap: var(--coze-1080)
   }

   :is(.sm\:gap-x-10px) {
      column-gap: var(--coze-10)
   }

   :is(.sm\:gap-x-11) {
      column-gap: 2.75rem
   }

   :is(.sm\:gap-x-12) {
      column-gap: 3rem
   }

   :is(.sm\:gap-x-120px) {
      column-gap: var(--coze-120)
   }

   :is(.sm\:gap-x-12px) {
      column-gap: var(--coze-12)
   }

   :is(.sm\:gap-x-14) {
      column-gap: 3.5rem
   }

   :is(.sm\:gap-x-14px) {
      column-gap: var(--coze-14)
   }

   :is(.sm\:gap-x-15px) {
      column-gap: var(--coze-15)
   }

   :is(.sm\:gap-x-16) {
      column-gap: 4rem
   }

   :is(.sm\:gap-x-160px) {
      column-gap: var(--coze-160)
   }

   :is(.sm\:gap-x-16px) {
      column-gap: var(--coze-16)
   }

   :is(.sm\:gap-x-18px) {
      column-gap: var(--coze-18)
   }

   :is(.sm\:gap-x-1px) {
      column-gap: var(--coze-1)
   }

   :is(.sm\:gap-x-2) {
      column-gap: .5rem
   }

   :is(.sm\:gap-x-2\.5) {
      column-gap: .625rem
   }

   :is(.sm\:gap-x-20) {
      column-gap: 5rem
   }

   :is(.sm\:gap-x-200px) {
      column-gap: var(--coze-200)
   }

   :is(.sm\:gap-x-20px) {
      column-gap: var(--coze-20)
   }

   :is(.sm\:gap-x-22px) {
      column-gap: var(--coze-22)
   }

   :is(.sm\:gap-x-24) {
      column-gap: 6rem
   }

   :is(.sm\:gap-x-240px) {
      column-gap: var(--coze-240)
   }

   :is(.sm\:gap-x-24px) {
      column-gap: var(--coze-24)
   }

   :is(.sm\:gap-x-26px) {
      column-gap: var(--coze-26)
   }

   :is(.sm\:gap-x-28) {
      column-gap: 7rem
   }

   :is(.sm\:gap-x-28px) {
      column-gap: var(--coze-28)
   }

   :is(.sm\:gap-x-2px) {
      column-gap: var(--coze-2)
   }

   :is(.sm\:gap-x-3) {
      column-gap: .75rem
   }

   :is(.sm\:gap-x-3\.5) {
      column-gap: .875rem
   }

   :is(.sm\:gap-x-30px) {
      column-gap: var(--coze-30)
   }

   :is(.sm\:gap-x-32) {
      column-gap: 8rem
   }

   :is(.sm\:gap-x-320px) {
      column-gap: var(--coze-320)
   }

   :is(.sm\:gap-x-32px) {
      column-gap: var(--coze-32)
   }

   :is(.sm\:gap-x-36) {
      column-gap: 9rem
   }

   :is(.sm\:gap-x-3px) {
      column-gap: var(--coze-3)
   }

   :is(.sm\:gap-x-4) {
      column-gap: 1rem
   }

   :is(.sm\:gap-x-40) {
      column-gap: 10rem
   }

   :is(.sm\:gap-x-40px) {
      column-gap: var(--coze-40)
   }

   :is(.sm\:gap-x-44) {
      column-gap: 11rem
   }

   :is(.sm\:gap-x-48) {
      column-gap: 12rem
   }

   :is(.sm\:gap-x-480px) {
      column-gap: var(--coze-480)
   }

   :is(.sm\:gap-x-48px) {
      column-gap: var(--coze-48)
   }

   :is(.sm\:gap-x-4px) {
      column-gap: var(--coze-4)
   }

   :is(.sm\:gap-x-5) {
      column-gap: 1.25rem
   }

   :is(.sm\:gap-x-52) {
      column-gap: 13rem
   }

   :is(.sm\:gap-x-56) {
      column-gap: 14rem
   }

   :is(.sm\:gap-x-5px) {
      column-gap: var(--coze-5)
   }

   :is(.sm\:gap-x-6) {
      column-gap: 1.5rem
   }

   :is(.sm\:gap-x-60) {
      column-gap: 15rem
   }

   :is(.sm\:gap-x-64) {
      column-gap: 16rem
   }

   :is(.sm\:gap-x-640px) {
      column-gap: var(--coze-640)
   }

   :is(.sm\:gap-x-64px) {
      column-gap: var(--coze-64)
   }

   :is(.sm\:gap-x-6px) {
      column-gap: var(--coze-6)
   }

   :is(.sm\:gap-x-7) {
      column-gap: 1.75rem
   }

   :is(.sm\:gap-x-72) {
      column-gap: 18rem
   }

   :is(.sm\:gap-x-8) {
      column-gap: 2rem
   }

   :is(.sm\:gap-x-80) {
      column-gap: 20rem
   }

   :is(.sm\:gap-x-800px) {
      column-gap: var(--coze-800)
   }

   :is(.sm\:gap-x-80px) {
      column-gap: var(--coze-80)
   }

   :is(.sm\:gap-x-8px) {
      column-gap: var(--coze-8)
   }

   :is(.sm\:gap-x-9) {
      column-gap: 2.25rem
   }

   :is(.sm\:gap-x-96) {
      column-gap: 24rem
   }

   :is(.sm\:gap-x-96px) {
      column-gap: var(--coze-96)
   }

   :is(.sm\:gap-x-9px) {
      column-gap: var(--coze-9)
   }

   :is(.sm\:gap-x-base) {
      column-gap: 16px
   }

   :is(.sm\:gap-x-base-loose) {
      column-gap: 20px
   }

   :is(.sm\:gap-x-base-tight) {
      column-gap: 12px
   }

   :is(.sm\:gap-x-extra-loose) {
      column-gap: 32px
   }

   :is(.sm\:gap-x-extra-tight) {
      column-gap: 4px
   }

   :is(.sm\:gap-x-large) {
      column-gap: var(--coze-40)
   }

   :is(.sm\:gap-x-loose) {
      column-gap: 24px
   }

   :is(.sm\:gap-x-md) {
      column-gap: var(--coze-64)
   }

   :is(.sm\:gap-x-mini) {
      column-gap: var(--coze-16)
   }

   :is(.sm\:gap-x-mm) {
      column-gap: var(--coze-48)
   }

   :is(.sm\:gap-x-none) {
      column-gap: 0
   }

   :is(.sm\:gap-x-normal) {
      column-gap: var(--coze-32)
   }

   :is(.sm\:gap-x-px) {
      column-gap: 1px
   }

   :is(.sm\:gap-x-small) {
      column-gap: var(--coze-20)
   }

   :is(.sm\:gap-x-super-loose) {
      column-gap: 40px
   }

   :is(.sm\:gap-x-super-tight) {
      column-gap: 2px
   }

   :is(.sm\:gap-x-tight) {
      column-gap: 8px
   }

   :is(.sm\:gap-x-xl) {
      column-gap: var(--coze-80)
   }

   :is(.sm\:gap-x-xxl) {
      column-gap: var(--coze-96)
   }

   :is(.sm\:gap-y) {
      row-gap: var(--coze-8)
   }

   :is(.sm\:gap-y-0) {
      row-gap: 0
   }

   :is(.sm\:gap-y-0\.5) {
      row-gap: .125rem
   }

   :is(.sm\:gap-y-1) {
      row-gap: .25rem
   }

   :is(.sm\:gap-y-1\.5) {
      row-gap: .375rem
   }

   :is(.sm\:gap-y-10) {
      row-gap: 2.5rem
   }

   :is(.sm\:gap-y-1080px) {
      row-gap: var(--coze-1080)
   }

   :is(.sm\:gap-y-10px) {
      row-gap: var(--coze-10)
   }

   :is(.sm\:gap-y-11) {
      row-gap: 2.75rem
   }

   :is(.sm\:gap-y-12) {
      row-gap: 3rem
   }

   :is(.sm\:gap-y-120px) {
      row-gap: var(--coze-120)
   }

   :is(.sm\:gap-y-12px) {
      row-gap: var(--coze-12)
   }

   :is(.sm\:gap-y-14) {
      row-gap: 3.5rem
   }

   :is(.sm\:gap-y-14px) {
      row-gap: var(--coze-14)
   }

   :is(.sm\:gap-y-15px) {
      row-gap: var(--coze-15)
   }

   :is(.sm\:gap-y-16) {
      row-gap: 4rem
   }

   :is(.sm\:gap-y-160px) {
      row-gap: var(--coze-160)
   }

   :is(.sm\:gap-y-16px) {
      row-gap: var(--coze-16)
   }

   :is(.sm\:gap-y-18px) {
      row-gap: var(--coze-18)
   }

   :is(.sm\:gap-y-1px) {
      row-gap: var(--coze-1)
   }

   :is(.sm\:gap-y-2) {
      row-gap: .5rem
   }

   :is(.sm\:gap-y-2\.5) {
      row-gap: .625rem
   }

   :is(.sm\:gap-y-20) {
      row-gap: 5rem
   }

   :is(.sm\:gap-y-200px) {
      row-gap: var(--coze-200)
   }

   :is(.sm\:gap-y-20px) {
      row-gap: var(--coze-20)
   }

   :is(.sm\:gap-y-22px) {
      row-gap: var(--coze-22)
   }

   :is(.sm\:gap-y-24) {
      row-gap: 6rem
   }

   :is(.sm\:gap-y-240px) {
      row-gap: var(--coze-240)
   }

   :is(.sm\:gap-y-24px) {
      row-gap: var(--coze-24)
   }

   :is(.sm\:gap-y-26px) {
      row-gap: var(--coze-26)
   }

   :is(.sm\:gap-y-28) {
      row-gap: 7rem
   }

   :is(.sm\:gap-y-28px) {
      row-gap: var(--coze-28)
   }

   :is(.sm\:gap-y-2px) {
      row-gap: var(--coze-2)
   }

   :is(.sm\:gap-y-3) {
      row-gap: .75rem
   }

   :is(.sm\:gap-y-3\.5) {
      row-gap: .875rem
   }

   :is(.sm\:gap-y-30px) {
      row-gap: var(--coze-30)
   }

   :is(.sm\:gap-y-32) {
      row-gap: 8rem
   }

   :is(.sm\:gap-y-320px) {
      row-gap: var(--coze-320)
   }

   :is(.sm\:gap-y-32px) {
      row-gap: var(--coze-32)
   }

   :is(.sm\:gap-y-36) {
      row-gap: 9rem
   }

   :is(.sm\:gap-y-3px) {
      row-gap: var(--coze-3)
   }

   :is(.sm\:gap-y-4) {
      row-gap: 1rem
   }

   :is(.sm\:gap-y-40) {
      row-gap: 10rem
   }

   :is(.sm\:gap-y-40px) {
      row-gap: var(--coze-40)
   }

   :is(.sm\:gap-y-44) {
      row-gap: 11rem
   }

   :is(.sm\:gap-y-48) {
      row-gap: 12rem
   }

   :is(.sm\:gap-y-480px) {
      row-gap: var(--coze-480)
   }

   :is(.sm\:gap-y-48px) {
      row-gap: var(--coze-48)
   }

   :is(.sm\:gap-y-4px) {
      row-gap: var(--coze-4)
   }

   :is(.sm\:gap-y-5) {
      row-gap: 1.25rem
   }

   :is(.sm\:gap-y-52) {
      row-gap: 13rem
   }

   :is(.sm\:gap-y-56) {
      row-gap: 14rem
   }

   :is(.sm\:gap-y-5px) {
      row-gap: var(--coze-5)
   }

   :is(.sm\:gap-y-6) {
      row-gap: 1.5rem
   }

   :is(.sm\:gap-y-60) {
      row-gap: 15rem
   }

   :is(.sm\:gap-y-64) {
      row-gap: 16rem
   }

   :is(.sm\:gap-y-640px) {
      row-gap: var(--coze-640)
   }

   :is(.sm\:gap-y-64px) {
      row-gap: var(--coze-64)
   }

   :is(.sm\:gap-y-6px) {
      row-gap: var(--coze-6)
   }

   :is(.sm\:gap-y-7) {
      row-gap: 1.75rem
   }

   :is(.sm\:gap-y-72) {
      row-gap: 18rem
   }

   :is(.sm\:gap-y-8) {
      row-gap: 2rem
   }

   :is(.sm\:gap-y-80) {
      row-gap: 20rem
   }

   :is(.sm\:gap-y-800px) {
      row-gap: var(--coze-800)
   }

   :is(.sm\:gap-y-80px) {
      row-gap: var(--coze-80)
   }

   :is(.sm\:gap-y-8px) {
      row-gap: var(--coze-8)
   }

   :is(.sm\:gap-y-9) {
      row-gap: 2.25rem
   }

   :is(.sm\:gap-y-96) {
      row-gap: 24rem
   }

   :is(.sm\:gap-y-96px) {
      row-gap: var(--coze-96)
   }

   :is(.sm\:gap-y-9px) {
      row-gap: var(--coze-9)
   }

   :is(.sm\:gap-y-base) {
      row-gap: 16px
   }

   :is(.sm\:gap-y-base-loose) {
      row-gap: 20px
   }

   :is(.sm\:gap-y-base-tight) {
      row-gap: 12px
   }

   :is(.sm\:gap-y-extra-loose) {
      row-gap: 32px
   }

   :is(.sm\:gap-y-extra-tight) {
      row-gap: 4px
   }

   :is(.sm\:gap-y-large) {
      row-gap: var(--coze-40)
   }

   :is(.sm\:gap-y-loose) {
      row-gap: 24px
   }

   :is(.sm\:gap-y-md) {
      row-gap: var(--coze-64)
   }

   :is(.sm\:gap-y-mini) {
      row-gap: var(--coze-16)
   }

   :is(.sm\:gap-y-mm) {
      row-gap: var(--coze-48)
   }

   :is(.sm\:gap-y-none) {
      row-gap: 0
   }

   :is(.sm\:gap-y-normal) {
      row-gap: var(--coze-32)
   }

   :is(.sm\:gap-y-px) {
      row-gap: 1px
   }

   :is(.sm\:gap-y-small) {
      row-gap: var(--coze-20)
   }

   :is(.sm\:gap-y-super-loose) {
      row-gap: 40px
   }

   :is(.sm\:gap-y-super-tight) {
      row-gap: 2px
   }

   :is(.sm\:gap-y-tight) {
      row-gap: 8px
   }

   :is(.sm\:gap-y-xl) {
      row-gap: var(--coze-80)
   }

   :is(.sm\:gap-y-xxl) {
      row-gap: var(--coze-96)
   }
}

@media (min-width:768px) {
   :is(.md\:fixed) {
      position: fixed
   }

   :is(.md\:bottom-\[-50px\]) {
      bottom: -50px
   }

   :is(.md\:left-32px) {
      left: var(--coze-32)
   }

   :is(.md\:left-\[-120px\]) {
      left: -120px
   }

   :is(.md\:right-\[-160px\]) {
      right: -160px
   }

   :is(.md\:right-\[-40px\]) {
      right: -40px
   }

   :is(.md\:top-5px) {
      top: var(--coze-5)
   }

   :is(.md\:top-\[-34px\]) {
      top: -34px
   }

   :is(.md\:top-\[100px\]) {
      top: 100px
   }

   :is(.md\:top-\[160px\]) {
      top: 160px
   }

   :is(.md\:top-\[80px\]) {
      top: 80px
   }

   :is(.md\:mx-\[24px\]) {
      margin-left: 24px;
      margin-right: 24px
   }

   :is(.md\:mb-26px) {
      margin-bottom: var(--coze-26)
   }

   :is(.md\:mb-\[12px\]) {
      margin-bottom: 12px
   }

   :is(.md\:mb-\[42px\]) {
      margin-bottom: 42px
   }

   :is(.md\:ml-\[100px\]) {
      margin-left: 100px
   }

   :is(.md\:mt-120px) {
      margin-top: var(--coze-120)
   }

   :is(.md\:mt-12px) {
      margin-top: var(--coze-12)
   }

   :is(.md\:mt-20px) {
      margin-top: var(--coze-20)
   }

   :is(.md\:mt-24px) {
      margin-top: var(--coze-24)
   }

   :is(.md\:mt-28px) {
      margin-top: var(--coze-28)
   }

   :is(.md\:mt-30px) {
      margin-top: var(--coze-30)
   }

   :is(.md\:mt-32px) {
      margin-top: var(--coze-32)
   }

   :is(.md\:mt-4px) {
      margin-top: var(--coze-4)
   }

   :is(.md\:mt-64px) {
      margin-top: var(--coze-64)
   }

   :is(.md\:mt-6px) {
      margin-top: var(--coze-6)
   }

   :is(.md\:mt-80px) {
      margin-top: var(--coze-80)
   }

   :is(.md\:mt-8px) {
      margin-top: var(--coze-8)
   }

   :is(.md\:mt-\[100px\]) {
      margin-top: 100px
   }

   :is(.md\:mt-\[150px\]) {
      margin-top: 150px
   }

   :is(.md\:mt-\[200px\]) {
      margin-top: 200px
   }

   :is(.md\:mt-\[41px\]) {
      margin-top: 41px
   }

   :is(.md\:mt-\[42px\]) {
      margin-top: 42px
   }

   :is(.md\:mt-\[50px\]) {
      margin-top: 50px
   }

   :is(.md\:mt-\[60px\]) {
      margin-top: 60px
   }

   :is(.md\:mt-\[62px\]) {
      margin-top: 62px
   }

   :is(.md\:mt-\[70px\]) {
      margin-top: 70px
   }

   :is(.md\:mt-\[72px\]) {
      margin-top: 72px
   }

   :is(.md\:mt-\[85px\]) {
      margin-top: 85px
   }

   :is(.md\:mt-auto) {
      margin-top: auto
   }

   :is(.md\:block) {
      display: block
   }

   :is(.md\:flex) {
      display: flex
   }

   :is(.md\:grid) {
      display: grid
   }

   :is(.md\:hidden) {
      display: none
   }

   :is(.md\:\!h-48px) {
      height: var(--coze-48) !important
   }

   :is(.md\:\!h-\[188px\]) {
      height: 188px !important
   }

   :is(.md\:\!h-\[448px\]) {
      height: 448px !important
   }

   :is(.md\:h-14px) {
      height: var(--coze-14)
   }

   :is(.md\:h-\[110px\]) {
      height: 110px
   }

   :is(.md\:h-\[171px\]) {
      height: 171px
   }

   :is(.md\:h-\[184px\]) {
      height: 184px
   }

   :is(.md\:h-\[188px\]) {
      height: 188px
   }

   :is(.md\:h-\[202px\]) {
      height: 202px
   }

   :is(.md\:h-\[204px\]) {
      height: 204px
   }

   :is(.md\:h-\[220px\]) {
      height: 220px
   }

   :is(.md\:h-\[221px\]) {
      height: 221px
   }

   :is(.md\:h-\[22px\]) {
      height: 22px
   }

   :is(.md\:h-\[276px\]) {
      height: 276px
   }

   :is(.md\:h-\[327px\]) {
      height: 327px
   }

   :is(.md\:h-\[35px\]) {
      height: 35px
   }

   :is(.md\:h-\[400px\]) {
      height: 400px
   }

   :is(.md\:h-\[50px\]) {
      height: 50px
   }

   :is(.md\:h-\[72px\]) {
      height: 72px
   }

   :is(.md\:h-\[76px\]) {
      height: 76px
   }

   :is(.md\:\!w-\[150px\]) {
      width: 150px !important
   }

   :is(.md\:\!w-\[292px\]) {
      width: 292px !important
   }

   :is(.md\:\!w-\[397px\]) {
      width: 397px !important
   }

   :is(.md\:w-14px) {
      width: var(--coze-14)
   }

   :is(.md\:w-40px) {
      width: var(--coze-40)
   }

   :is(.md\:w-\[197px\]) {
      width: 197px
   }

   :is(.md\:w-\[221px\]) {
      width: 221px
   }

   :is(.md\:w-\[248px\]) {
      width: 248px
   }

   :is(.md\:w-\[292px\]) {
      width: 292px
   }

   :is(.md\:w-\[330px\]) {
      width: 330px
   }

   :is(.md\:w-\[37px\]) {
      width: 37px
   }

   :is(.md\:w-\[397px\]) {
      width: 397px
   }

   :is(.md\:w-\[398px\]) {
      width: 398px
   }

   :is(.md\:w-\[50px\]) {
      width: 50px
   }

   :is(.md\:w-\[671px\]) {
      width: 671px
   }

   :is(.md\:w-\[72px\]) {
      width: 72px
   }

   :is(.md\:w-\[800px\]) {
      width: 800px
   }

   :is(.md\:w-auto) {
      width: auto
   }

   :is(.md\:w-full) {
      width: 100%
   }

   :is(.md\:max-w-\[400px\]) {
      max-width: 400px
   }

   :is(.md\:scale-100) {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      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))
   }

   :is(.md\:grid-flow-row) {
      grid-auto-flow: row
   }

   :is(.md\:grid-flow-col) {
      grid-auto-flow: column
   }

   :is(.md\:grid-flow-dense) {
      grid-auto-flow: dense
   }

   :is(.md\:grid-flow-row-dense) {
      grid-auto-flow: row dense
   }

   :is(.md\:grid-flow-col-dense) {
      grid-auto-flow: column dense
   }

   :is(.md\:grid-cols-1) {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-10) {
      grid-template-columns: repeat(10, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-11) {
      grid-template-columns: repeat(11, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-12) {
      grid-template-columns: repeat(12, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-2) {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-4) {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-5) {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-6) {
      grid-template-columns: repeat(6, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-7) {
      grid-template-columns: repeat(7, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-8) {
      grid-template-columns: repeat(8, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-9) {
      grid-template-columns: repeat(9, minmax(0, 1fr))
   }

   :is(.md\:grid-cols-none) {
      grid-template-columns: none
   }

   :is(.md\:grid-rows-1) {
      grid-template-rows: repeat(1, minmax(0, 1fr))
   }

   :is(.md\:grid-rows-2) {
      grid-template-rows: repeat(2, minmax(0, 1fr))
   }

   :is(.md\:grid-rows-3) {
      grid-template-rows: repeat(3, minmax(0, 1fr))
   }

   :is(.md\:grid-rows-4) {
      grid-template-rows: repeat(4, minmax(0, 1fr))
   }

   :is(.md\:grid-rows-5) {
      grid-template-rows: repeat(5, minmax(0, 1fr))
   }

   :is(.md\:grid-rows-6) {
      grid-template-rows: repeat(6, minmax(0, 1fr))
   }

   :is(.md\:grid-rows-none) {
      grid-template-rows: none
   }

   :is(.md\:flex-row) {
      flex-direction: row
   }

   :is(.md\:flex-row-reverse) {
      flex-direction: row-reverse
   }

   :is(.md\:items-start) {
      align-items: flex-start
   }

   :is(.md\:gap-0) {
      gap: 0
   }

   :is(.md\:gap-0\.5) {
      gap: .125rem
   }

   :is(.md\:gap-1) {
      gap: .25rem
   }

   :is(.md\:gap-1\.5) {
      gap: .375rem
   }

   :is(.md\:gap-10) {
      gap: 2.5rem
   }

   :is(.md\:gap-1080px) {
      gap: var(--coze-1080)
   }

   :is(.md\:gap-10px) {
      gap: var(--coze-10)
   }

   :is(.md\:gap-11) {
      gap: 2.75rem
   }

   :is(.md\:gap-12) {
      gap: 3rem
   }

   :is(.md\:gap-120px) {
      gap: var(--coze-120)
   }

   :is(.md\:gap-12px) {
      gap: var(--coze-12)
   }

   :is(.md\:gap-14) {
      gap: 3.5rem
   }

   :is(.md\:gap-14px) {
      gap: var(--coze-14)
   }

   :is(.md\:gap-15px) {
      gap: var(--coze-15)
   }

   :is(.md\:gap-16) {
      gap: 4rem
   }

   :is(.md\:gap-160px) {
      gap: var(--coze-160)
   }

   :is(.md\:gap-16px) {
      gap: var(--coze-16)
   }

   :is(.md\:gap-18px) {
      gap: var(--coze-18)
   }

   :is(.md\:gap-1px) {
      gap: var(--coze-1)
   }

   :is(.md\:gap-2) {
      gap: .5rem
   }

   :is(.md\:gap-2\.5) {
      gap: .625rem
   }

   :is(.md\:gap-20) {
      gap: 5rem
   }

   :is(.md\:gap-200px) {
      gap: var(--coze-200)
   }

   :is(.md\:gap-20px) {
      gap: var(--coze-20)
   }

   :is(.md\:gap-22px) {
      gap: var(--coze-22)
   }

   :is(.md\:gap-24) {
      gap: 6rem
   }

   :is(.md\:gap-240px) {
      gap: var(--coze-240)
   }

   :is(.md\:gap-24px) {
      gap: var(--coze-24)
   }

   :is(.md\:gap-26px) {
      gap: var(--coze-26)
   }

   :is(.md\:gap-28) {
      gap: 7rem
   }

   :is(.md\:gap-28px) {
      gap: var(--coze-28)
   }

   :is(.md\:gap-2px) {
      gap: var(--coze-2)
   }

   :is(.md\:gap-3) {
      gap: .75rem
   }

   :is(.md\:gap-3\.5) {
      gap: .875rem
   }

   :is(.md\:gap-30px) {
      gap: var(--coze-30)
   }

   :is(.md\:gap-32) {
      gap: 8rem
   }

   :is(.md\:gap-320px) {
      gap: var(--coze-320)
   }

   :is(.md\:gap-32px) {
      gap: var(--coze-32)
   }

   :is(.md\:gap-36) {
      gap: 9rem
   }

   :is(.md\:gap-3px) {
      gap: var(--coze-3)
   }

   :is(.md\:gap-4) {
      gap: 1rem
   }

   :is(.md\:gap-40) {
      gap: 10rem
   }

   :is(.md\:gap-40px) {
      gap: var(--coze-40)
   }

   :is(.md\:gap-44) {
      gap: 11rem
   }

   :is(.md\:gap-48) {
      gap: 12rem
   }

   :is(.md\:gap-480px) {
      gap: var(--coze-480)
   }

   :is(.md\:gap-48px) {
      gap: var(--coze-48)
   }

   :is(.md\:gap-4px) {
      gap: var(--coze-4)
   }

   :is(.md\:gap-5) {
      gap: 1.25rem
   }

   :is(.md\:gap-52) {
      gap: 13rem
   }

   :is(.md\:gap-56) {
      gap: 14rem
   }

   :is(.md\:gap-5px) {
      gap: var(--coze-5)
   }

   :is(.md\:gap-6) {
      gap: 1.5rem
   }

   :is(.md\:gap-60) {
      gap: 15rem
   }

   :is(.md\:gap-64) {
      gap: 16rem
   }

   :is(.md\:gap-640px) {
      gap: var(--coze-640)
   }

   :is(.md\:gap-64px) {
      gap: var(--coze-64)
   }

   :is(.md\:gap-6px) {
      gap: var(--coze-6)
   }

   :is(.md\:gap-7) {
      gap: 1.75rem
   }

   :is(.md\:gap-72) {
      gap: 18rem
   }

   :is(.md\:gap-8) {
      gap: 2rem
   }

   :is(.md\:gap-80) {
      gap: 20rem
   }

   :is(.md\:gap-800px) {
      gap: var(--coze-800)
   }

   :is(.md\:gap-80px) {
      gap: var(--coze-80)
   }

   :is(.md\:gap-8px) {
      gap: var(--coze-8)
   }

   :is(.md\:gap-9) {
      gap: 2.25rem
   }

   :is(.md\:gap-96) {
      gap: 24rem
   }

   :is(.md\:gap-96px) {
      gap: var(--coze-96)
   }

   :is(.md\:gap-9px) {
      gap: var(--coze-9)
   }

   :is(.md\:gap-\[120px\]) {
      gap: 120px
   }

   :is(.md\:gap-base) {
      gap: 16px
   }

   :is(.md\:gap-base-loose) {
      gap: 20px
   }

   :is(.md\:gap-base-tight) {
      gap: 12px
   }

   :is(.md\:gap-extra-loose) {
      gap: 32px
   }

   :is(.md\:gap-extra-tight) {
      gap: 4px
   }

   :is(.md\:gap-large) {
      gap: var(--coze-40)
   }

   :is(.md\:gap-loose) {
      gap: 24px
   }

   :is(.md\:gap-md) {
      gap: var(--coze-64)
   }

   :is(.md\:gap-mini) {
      gap: var(--coze-16)
   }

   :is(.md\:gap-mm) {
      gap: var(--coze-48)
   }

   :is(.md\:gap-none) {
      gap: 0
   }

   :is(.md\:gap-normal) {
      gap: var(--coze-32)
   }

   :is(.md\:gap-px) {
      gap: 1px
   }

   :is(.md\:gap-small) {
      gap: var(--coze-20)
   }

   :is(.md\:gap-super-loose) {
      gap: 40px
   }

   :is(.md\:gap-super-tight) {
      gap: 2px
   }

   :is(.md\:gap-tight) {
      gap: 8px
   }

   :is(.md\:gap-xl) {
      gap: var(--coze-80)
   }

   :is(.md\:gap-xxl) {
      gap: var(--coze-96)
   }

   :is(.md\:gap-x) {
      column-gap: var(--coze-8)
   }

   :is(.md\:gap-x-0) {
      column-gap: 0
   }

   :is(.md\:gap-x-0\.5) {
      column-gap: .125rem
   }

   :is(.md\:gap-x-1) {
      column-gap: .25rem
   }

   :is(.md\:gap-x-1\.5) {
      column-gap: .375rem
   }

   :is(.md\:gap-x-10) {
      column-gap: 2.5rem
   }

   :is(.md\:gap-x-1080px) {
      column-gap: var(--coze-1080)
   }

   :is(.md\:gap-x-10px) {
      column-gap: var(--coze-10)
   }

   :is(.md\:gap-x-11) {
      column-gap: 2.75rem
   }

   :is(.md\:gap-x-12) {
      column-gap: 3rem
   }

   :is(.md\:gap-x-120px) {
      column-gap: var(--coze-120)
   }

   :is(.md\:gap-x-12px) {
      column-gap: var(--coze-12)
   }

   :is(.md\:gap-x-14) {
      column-gap: 3.5rem
   }

   :is(.md\:gap-x-14px) {
      column-gap: var(--coze-14)
   }

   :is(.md\:gap-x-15px) {
      column-gap: var(--coze-15)
   }

   :is(.md\:gap-x-16) {
      column-gap: 4rem
   }

   :is(.md\:gap-x-160px) {
      column-gap: var(--coze-160)
   }

   :is(.md\:gap-x-16px) {
      column-gap: var(--coze-16)
   }

   :is(.md\:gap-x-18px) {
      column-gap: var(--coze-18)
   }

   :is(.md\:gap-x-1px) {
      column-gap: var(--coze-1)
   }

   :is(.md\:gap-x-2) {
      column-gap: .5rem
   }

   :is(.md\:gap-x-2\.5) {
      column-gap: .625rem
   }

   :is(.md\:gap-x-20) {
      column-gap: 5rem
   }

   :is(.md\:gap-x-200px) {
      column-gap: var(--coze-200)
   }

   :is(.md\:gap-x-20px) {
      column-gap: var(--coze-20)
   }

   :is(.md\:gap-x-22px) {
      column-gap: var(--coze-22)
   }

   :is(.md\:gap-x-24) {
      column-gap: 6rem
   }

   :is(.md\:gap-x-240px) {
      column-gap: var(--coze-240)
   }

   :is(.md\:gap-x-24px) {
      column-gap: var(--coze-24)
   }

   :is(.md\:gap-x-26px) {
      column-gap: var(--coze-26)
   }

   :is(.md\:gap-x-28) {
      column-gap: 7rem
   }

   :is(.md\:gap-x-28px) {
      column-gap: var(--coze-28)
   }

   :is(.md\:gap-x-2px) {
      column-gap: var(--coze-2)
   }

   :is(.md\:gap-x-3) {
      column-gap: .75rem
   }

   :is(.md\:gap-x-3\.5) {
      column-gap: .875rem
   }

   :is(.md\:gap-x-30px) {
      column-gap: var(--coze-30)
   }

   :is(.md\:gap-x-32) {
      column-gap: 8rem
   }

   :is(.md\:gap-x-320px) {
      column-gap: var(--coze-320)
   }

   :is(.md\:gap-x-32px) {
      column-gap: var(--coze-32)
   }

   :is(.md\:gap-x-36) {
      column-gap: 9rem
   }

   :is(.md\:gap-x-3px) {
      column-gap: var(--coze-3)
   }

   :is(.md\:gap-x-4) {
      column-gap: 1rem
   }

   :is(.md\:gap-x-40) {
      column-gap: 10rem
   }

   :is(.md\:gap-x-40px) {
      column-gap: var(--coze-40)
   }

   :is(.md\:gap-x-44) {
      column-gap: 11rem
   }

   :is(.md\:gap-x-48) {
      column-gap: 12rem
   }

   :is(.md\:gap-x-480px) {
      column-gap: var(--coze-480)
   }

   :is(.md\:gap-x-48px) {
      column-gap: var(--coze-48)
   }

   :is(.md\:gap-x-4px) {
      column-gap: var(--coze-4)
   }

   :is(.md\:gap-x-5) {
      column-gap: 1.25rem
   }

   :is(.md\:gap-x-52) {
      column-gap: 13rem
   }

   :is(.md\:gap-x-56) {
      column-gap: 14rem
   }

   :is(.md\:gap-x-5px) {
      column-gap: var(--coze-5)
   }

   :is(.md\:gap-x-6) {
      column-gap: 1.5rem
   }

   :is(.md\:gap-x-60) {
      column-gap: 15rem
   }

   :is(.md\:gap-x-64) {
      column-gap: 16rem
   }

   :is(.md\:gap-x-640px) {
      column-gap: var(--coze-640)
   }

   :is(.md\:gap-x-64px) {
      column-gap: var(--coze-64)
   }

   :is(.md\:gap-x-6px) {
      column-gap: var(--coze-6)
   }

   :is(.md\:gap-x-7) {
      column-gap: 1.75rem
   }

   :is(.md\:gap-x-72) {
      column-gap: 18rem
   }

   :is(.md\:gap-x-8) {
      column-gap: 2rem
   }

   :is(.md\:gap-x-80) {
      column-gap: 20rem
   }

   :is(.md\:gap-x-800px) {
      column-gap: var(--coze-800)
   }

   :is(.md\:gap-x-80px) {
      column-gap: var(--coze-80)
   }

   :is(.md\:gap-x-8px) {
      column-gap: var(--coze-8)
   }

   :is(.md\:gap-x-9) {
      column-gap: 2.25rem
   }

   :is(.md\:gap-x-96) {
      column-gap: 24rem
   }

   :is(.md\:gap-x-96px) {
      column-gap: var(--coze-96)
   }

   :is(.md\:gap-x-9px) {
      column-gap: var(--coze-9)
   }

   :is(.md\:gap-x-base) {
      column-gap: 16px
   }

   :is(.md\:gap-x-base-loose) {
      column-gap: 20px
   }

   :is(.md\:gap-x-base-tight) {
      column-gap: 12px
   }

   :is(.md\:gap-x-extra-loose) {
      column-gap: 32px
   }

   :is(.md\:gap-x-extra-tight) {
      column-gap: 4px
   }

   :is(.md\:gap-x-large) {
      column-gap: var(--coze-40)
   }

   :is(.md\:gap-x-loose) {
      column-gap: 24px
   }

   :is(.md\:gap-x-md) {
      column-gap: var(--coze-64)
   }

   :is(.md\:gap-x-mini) {
      column-gap: var(--coze-16)
   }

   :is(.md\:gap-x-mm) {
      column-gap: var(--coze-48)
   }

   :is(.md\:gap-x-none) {
      column-gap: 0
   }

   :is(.md\:gap-x-normal) {
      column-gap: var(--coze-32)
   }

   :is(.md\:gap-x-px) {
      column-gap: 1px
   }

   :is(.md\:gap-x-small) {
      column-gap: var(--coze-20)
   }

   :is(.md\:gap-x-super-loose) {
      column-gap: 40px
   }

   :is(.md\:gap-x-super-tight) {
      column-gap: 2px
   }

   :is(.md\:gap-x-tight) {
      column-gap: 8px
   }

   :is(.md\:gap-x-xl) {
      column-gap: var(--coze-80)
   }

   :is(.md\:gap-x-xxl) {
      column-gap: var(--coze-96)
   }

   :is(.md\:gap-y) {
      row-gap: var(--coze-8)
   }

   :is(.md\:gap-y-0) {
      row-gap: 0
   }

   :is(.md\:gap-y-0\.5) {
      row-gap: .125rem
   }

   :is(.md\:gap-y-1) {
      row-gap: .25rem
   }

   :is(.md\:gap-y-1\.5) {
      row-gap: .375rem
   }

   :is(.md\:gap-y-10) {
      row-gap: 2.5rem
   }

   :is(.md\:gap-y-1080px) {
      row-gap: var(--coze-1080)
   }

   :is(.md\:gap-y-10px) {
      row-gap: var(--coze-10)
   }

   :is(.md\:gap-y-11) {
      row-gap: 2.75rem
   }

   :is(.md\:gap-y-12) {
      row-gap: 3rem
   }

   :is(.md\:gap-y-120px) {
      row-gap: var(--coze-120)
   }

   :is(.md\:gap-y-12px) {
      row-gap: var(--coze-12)
   }

   :is(.md\:gap-y-14) {
      row-gap: 3.5rem
   }

   :is(.md\:gap-y-14px) {
      row-gap: var(--coze-14)
   }

   :is(.md\:gap-y-15px) {
      row-gap: var(--coze-15)
   }

   :is(.md\:gap-y-16) {
      row-gap: 4rem
   }

   :is(.md\:gap-y-160px) {
      row-gap: var(--coze-160)
   }

   :is(.md\:gap-y-16px) {
      row-gap: var(--coze-16)
   }

   :is(.md\:gap-y-18px) {
      row-gap: var(--coze-18)
   }

   :is(.md\:gap-y-1px) {
      row-gap: var(--coze-1)
   }

   :is(.md\:gap-y-2) {
      row-gap: .5rem
   }

   :is(.md\:gap-y-2\.5) {
      row-gap: .625rem
   }

   :is(.md\:gap-y-20) {
      row-gap: 5rem
   }

   :is(.md\:gap-y-200px) {
      row-gap: var(--coze-200)
   }

   :is(.md\:gap-y-20px) {
      row-gap: var(--coze-20)
   }

   :is(.md\:gap-y-22px) {
      row-gap: var(--coze-22)
   }

   :is(.md\:gap-y-24) {
      row-gap: 6rem
   }

   :is(.md\:gap-y-240px) {
      row-gap: var(--coze-240)
   }

   :is(.md\:gap-y-24px) {
      row-gap: var(--coze-24)
   }

   :is(.md\:gap-y-26px) {
      row-gap: var(--coze-26)
   }

   :is(.md\:gap-y-28) {
      row-gap: 7rem
   }

   :is(.md\:gap-y-28px) {
      row-gap: var(--coze-28)
   }

   :is(.md\:gap-y-2px) {
      row-gap: var(--coze-2)
   }

   :is(.md\:gap-y-3) {
      row-gap: .75rem
   }

   :is(.md\:gap-y-3\.5) {
      row-gap: .875rem
   }

   :is(.md\:gap-y-30px) {
      row-gap: var(--coze-30)
   }

   :is(.md\:gap-y-32) {
      row-gap: 8rem
   }

   :is(.md\:gap-y-320px) {
      row-gap: var(--coze-320)
   }

   :is(.md\:gap-y-32px) {
      row-gap: var(--coze-32)
   }

   :is(.md\:gap-y-36) {
      row-gap: 9rem
   }

   :is(.md\:gap-y-3px) {
      row-gap: var(--coze-3)
   }

   :is(.md\:gap-y-4) {
      row-gap: 1rem
   }

   :is(.md\:gap-y-40) {
      row-gap: 10rem
   }

   :is(.md\:gap-y-40px) {
      row-gap: var(--coze-40)
   }

   :is(.md\:gap-y-44) {
      row-gap: 11rem
   }

   :is(.md\:gap-y-48) {
      row-gap: 12rem
   }

   :is(.md\:gap-y-480px) {
      row-gap: var(--coze-480)
   }

   :is(.md\:gap-y-48px) {
      row-gap: var(--coze-48)
   }

   :is(.md\:gap-y-4px) {
      row-gap: var(--coze-4)
   }

   :is(.md\:gap-y-5) {
      row-gap: 1.25rem
   }

   :is(.md\:gap-y-52) {
      row-gap: 13rem
   }

   :is(.md\:gap-y-56) {
      row-gap: 14rem
   }

   :is(.md\:gap-y-5px) {
      row-gap: var(--coze-5)
   }

   :is(.md\:gap-y-6) {
      row-gap: 1.5rem
   }

   :is(.md\:gap-y-60) {
      row-gap: 15rem
   }

   :is(.md\:gap-y-64) {
      row-gap: 16rem
   }

   :is(.md\:gap-y-640px) {
      row-gap: var(--coze-640)
   }

   :is(.md\:gap-y-64px) {
      row-gap: var(--coze-64)
   }

   :is(.md\:gap-y-6px) {
      row-gap: var(--coze-6)
   }

   :is(.md\:gap-y-7) {
      row-gap: 1.75rem
   }

   :is(.md\:gap-y-72) {
      row-gap: 18rem
   }

   :is(.md\:gap-y-8) {
      row-gap: 2rem
   }

   :is(.md\:gap-y-80) {
      row-gap: 20rem
   }

   :is(.md\:gap-y-800px) {
      row-gap: var(--coze-800)
   }

   :is(.md\:gap-y-80px) {
      row-gap: var(--coze-80)
   }

   :is(.md\:gap-y-8px) {
      row-gap: var(--coze-8)
   }

   :is(.md\:gap-y-9) {
      row-gap: 2.25rem
   }

   :is(.md\:gap-y-96) {
      row-gap: 24rem
   }

   :is(.md\:gap-y-96px) {
      row-gap: var(--coze-96)
   }

   :is(.md\:gap-y-9px) {
      row-gap: var(--coze-9)
   }

   :is(.md\:gap-y-base) {
      row-gap: 16px
   }

   :is(.md\:gap-y-base-loose) {
      row-gap: 20px
   }

   :is(.md\:gap-y-base-tight) {
      row-gap: 12px
   }

   :is(.md\:gap-y-extra-loose) {
      row-gap: 32px
   }

   :is(.md\:gap-y-extra-tight) {
      row-gap: 4px
   }

   :is(.md\:gap-y-large) {
      row-gap: var(--coze-40)
   }

   :is(.md\:gap-y-loose) {
      row-gap: 24px
   }

   :is(.md\:gap-y-md) {
      row-gap: var(--coze-64)
   }

   :is(.md\:gap-y-mini) {
      row-gap: var(--coze-16)
   }

   :is(.md\:gap-y-mm) {
      row-gap: var(--coze-48)
   }

   :is(.md\:gap-y-none) {
      row-gap: 0
   }

   :is(.md\:gap-y-normal) {
      row-gap: var(--coze-32)
   }

   :is(.md\:gap-y-px) {
      row-gap: 1px
   }

   :is(.md\:gap-y-small) {
      row-gap: var(--coze-20)
   }

   :is(.md\:gap-y-super-loose) {
      row-gap: 40px
   }

   :is(.md\:gap-y-super-tight) {
      row-gap: 2px
   }

   :is(.md\:gap-y-tight) {
      row-gap: 8px
   }

   :is(.md\:gap-y-xl) {
      row-gap: var(--coze-80)
   }

   :is(.md\:gap-y-xxl) {
      row-gap: var(--coze-96)
   }

   :is(.md\:overflow-visible) {
      overflow: visible
   }

   :is(.md\:\!rounded) {
      border-radius: var(--coze-8) !important
   }

   :is(.md\:rounded-\[40px\]) {
      border-radius: 40px
   }

   :is(.md\:rounded-xxl) {
      border-radius: var(--coze-24)
   }

   :is(.md\:border-\[2px\]) {
      border-width: 2px
   }

   :is(.md\:p-0) {
      padding: 0
   }

   :is(.md\:p-12px) {
      padding: var(--coze-12)
   }

   :is(.md\:p-16px) {
      padding: var(--coze-16)
   }

   :is(.md\:p-24px) {
      padding: var(--coze-24)
   }

   :is(.md\:\!px-16px) {
      padding-left: var(--coze-16) !important;
      padding-right: var(--coze-16) !important
   }

   :is(.md\:\!px-\[100px\]) {
      padding-left: 100px !important;
      padding-right: 100px !important
   }

   :is(.md\:\!px-\[36px\]) {
      padding-left: 36px !important;
      padding-right: 36px !important
   }

   :is(.md\:px-0) {
      padding-left: 0;
      padding-right: 0
   }

   :is(.md\:px-32px) {
      padding-left: var(--coze-32);
      padding-right: var(--coze-32)
   }

   :is(.md\:px-6) {
      padding-left: 1.5rem;
      padding-right: 1.5rem
   }

   :is(.md\:px-\[100px\]) {
      padding-left: 100px;
      padding-right: 100px
   }

   :is(.md\:px-\[24px\]) {
      padding-left: 24px;
      padding-right: 24px
   }

   :is(.md\:py-16px) {
      padding-bottom: var(--coze-16);
      padding-top: var(--coze-16)
   }

   :is(.md\:py-20px) {
      padding-bottom: var(--coze-20);
      padding-top: var(--coze-20)
   }

   :is(.md\:py-40px) {
      padding-bottom: var(--coze-40);
      padding-top: var(--coze-40)
   }

   :is(.md\:py-\[30px\]) {
      padding-bottom: 30px;
      padding-top: 30px
   }

   :is(.md\:pb-0) {
      padding-bottom: 0
   }

   :is(.md\:pb-\[100px\]) {
      padding-bottom: 100px
   }

   :is(.md\:pb-\[18px\]) {
      padding-bottom: 18px
   }

   :is(.md\:pl-\[100px\]) {
      padding-left: 100px
   }

   :is(.md\:pt-24px) {
      padding-top: var(--coze-24)
   }

   :is(.md\:pt-40px) {
      padding-top: var(--coze-40)
   }

   :is(.md\:pt-\[140px\]) {
      padding-top: 140px
   }

   :is(.md\:pt-\[70px\]) {
      padding-top: 70px
   }

   :is(.md\:text-left) {
      text-align: left
   }

   :is(.md\:\!text-xxl) {
      font-size: var(--coze-16) !important
   }

   :is(.md\:text-\[14px\]) {
      font-size: 14px
   }

   :is(.md\:text-\[16px\]) {
      font-size: 16px
   }

   :is(.md\:text-\[18px\]) {
      font-size: 18px
   }

   :is(.md\:text-\[20px\]) {
      font-size: 20px
   }

   :is(.md\:text-\[22px\]) {
      font-size: 22px
   }

   :is(.md\:text-\[24px\]) {
      font-size: 24px
   }

   :is(.md\:text-\[28px\]) {
      font-size: 28px
   }

   :is(.md\:text-\[32px\]) {
      font-size: 32px
   }

   :is(.md\:text-\[36px\]) {
      font-size: 36px
   }

   :is(.md\:text-\[44px\]) {
      font-size: 44px
   }

   :is(.md\:text-\[48px\]) {
      font-size: 48px
   }

   :is(.md\:text-\[52px\]) {
      font-size: 52px
   }

   :is(.md\:text-lg) {
      font-size: var(--coze-14)
   }

   :is(.md\:text-xxl) {
      font-size: var(--coze-16)
   }

   :is(.md\:\!leading-\[28px\]) {
      line-height: 28px !important
   }

   :is(.md\:leading-\[22px\]) {
      line-height: 22px
   }

   :is(.md\:leading-\[24px\]) {
      line-height: 24px
   }

   :is(.md\:leading-\[28px\]) {
      line-height: 28px
   }

   :is(.md\:leading-\[30px\]) {
      line-height: 30px
   }

   :is(.md\:leading-\[32px\]) {
      line-height: 32px
   }

   :is(.md\:leading-\[36px\]) {
      line-height: 36px
   }

   :is(.md\:leading-\[54px\]) {
      line-height: 54px
   }

   :is(.md\:leading-\[60px\]) {
      line-height: 60px
   }

   :is(.md\:leading-\[68px\]) {
      line-height: 68px
   }

   :is(.md\:leading-\[72px\]) {
      line-height: 72px
   }

   :is(.md\:leading-\[78px\]) {
      line-height: 78px
   }

   :is(.md\:leading-normal) {
      line-height: 1.5
   }

   :is(.md\:outline-\[8px\]) {
      outline-width: 8px
   }

   :is(.md\:blur-\[40px\]) {
      --tw-blur: blur(40px);
      -webkit-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: 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)
   }

   :is(.first\:md\:ml-0:first-child) {
      margin-left: 0
   }

   :is(.last\:md\:mr-0:last-child) {
      margin-right: 0
   }
}

@media (min-width:1200px) {
   :is(.lg\:hidden) {
      display: none
   }

   :is(.lg\:w-5\/6) {
      width: 83.333333%
   }

   :is(.lg\:grid-flow-row) {
      grid-auto-flow: row
   }

   :is(.lg\:grid-flow-col) {
      grid-auto-flow: column
   }

   :is(.lg\:grid-flow-dense) {
      grid-auto-flow: dense
   }

   :is(.lg\:grid-flow-row-dense) {
      grid-auto-flow: row dense
   }

   :is(.lg\:grid-flow-col-dense) {
      grid-auto-flow: column dense
   }

   :is(.lg\:grid-cols-1) {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-10) {
      grid-template-columns: repeat(10, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-11) {
      grid-template-columns: repeat(11, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-12) {
      grid-template-columns: repeat(12, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-2) {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-4) {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-5) {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-6) {
      grid-template-columns: repeat(6, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-7) {
      grid-template-columns: repeat(7, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-8) {
      grid-template-columns: repeat(8, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-9) {
      grid-template-columns: repeat(9, minmax(0, 1fr))
   }

   :is(.lg\:grid-cols-none) {
      grid-template-columns: none
   }

   :is(.lg\:grid-rows-1) {
      grid-template-rows: repeat(1, minmax(0, 1fr))
   }

   :is(.lg\:grid-rows-2) {
      grid-template-rows: repeat(2, minmax(0, 1fr))
   }

   :is(.lg\:grid-rows-3) {
      grid-template-rows: repeat(3, minmax(0, 1fr))
   }

   :is(.lg\:grid-rows-4) {
      grid-template-rows: repeat(4, minmax(0, 1fr))
   }

   :is(.lg\:grid-rows-5) {
      grid-template-rows: repeat(5, minmax(0, 1fr))
   }

   :is(.lg\:grid-rows-6) {
      grid-template-rows: repeat(6, minmax(0, 1fr))
   }

   :is(.lg\:grid-rows-none) {
      grid-template-rows: none
   }

   :is(.lg\:flex-row) {
      flex-direction: row
   }

   :is(.lg\:flex-row-reverse) {
      flex-direction: row-reverse
   }

   :is(.lg\:gap-0) {
      gap: 0
   }

   :is(.lg\:gap-0\.5) {
      gap: .125rem
   }

   :is(.lg\:gap-1) {
      gap: .25rem
   }

   :is(.lg\:gap-1\.5) {
      gap: .375rem
   }

   :is(.lg\:gap-10) {
      gap: 2.5rem
   }

   :is(.lg\:gap-1080px) {
      gap: var(--coze-1080)
   }

   :is(.lg\:gap-10px) {
      gap: var(--coze-10)
   }

   :is(.lg\:gap-11) {
      gap: 2.75rem
   }

   :is(.lg\:gap-12) {
      gap: 3rem
   }

   :is(.lg\:gap-120px) {
      gap: var(--coze-120)
   }

   :is(.lg\:gap-12px) {
      gap: var(--coze-12)
   }

   :is(.lg\:gap-14) {
      gap: 3.5rem
   }

   :is(.lg\:gap-14px) {
      gap: var(--coze-14)
   }

   :is(.lg\:gap-15px) {
      gap: var(--coze-15)
   }

   :is(.lg\:gap-16) {
      gap: 4rem
   }

   :is(.lg\:gap-160px) {
      gap: var(--coze-160)
   }

   :is(.lg\:gap-16px) {
      gap: var(--coze-16)
   }

   :is(.lg\:gap-18px) {
      gap: var(--coze-18)
   }

   :is(.lg\:gap-1px) {
      gap: var(--coze-1)
   }

   :is(.lg\:gap-2) {
      gap: .5rem
   }

   :is(.lg\:gap-2\.5) {
      gap: .625rem
   }

   :is(.lg\:gap-20) {
      gap: 5rem
   }

   :is(.lg\:gap-200px) {
      gap: var(--coze-200)
   }

   :is(.lg\:gap-20px) {
      gap: var(--coze-20)
   }

   :is(.lg\:gap-22px) {
      gap: var(--coze-22)
   }

   :is(.lg\:gap-24) {
      gap: 6rem
   }

   :is(.lg\:gap-240px) {
      gap: var(--coze-240)
   }

   :is(.lg\:gap-24px) {
      gap: var(--coze-24)
   }

   :is(.lg\:gap-26px) {
      gap: var(--coze-26)
   }

   :is(.lg\:gap-28) {
      gap: 7rem
   }

   :is(.lg\:gap-28px) {
      gap: var(--coze-28)
   }

   :is(.lg\:gap-2px) {
      gap: var(--coze-2)
   }

   :is(.lg\:gap-3) {
      gap: .75rem
   }

   :is(.lg\:gap-3\.5) {
      gap: .875rem
   }

   :is(.lg\:gap-30px) {
      gap: var(--coze-30)
   }

   :is(.lg\:gap-32) {
      gap: 8rem
   }

   :is(.lg\:gap-320px) {
      gap: var(--coze-320)
   }

   :is(.lg\:gap-32px) {
      gap: var(--coze-32)
   }

   :is(.lg\:gap-36) {
      gap: 9rem
   }

   :is(.lg\:gap-3px) {
      gap: var(--coze-3)
   }

   :is(.lg\:gap-4) {
      gap: 1rem
   }

   :is(.lg\:gap-40) {
      gap: 10rem
   }

   :is(.lg\:gap-40px) {
      gap: var(--coze-40)
   }

   :is(.lg\:gap-44) {
      gap: 11rem
   }

   :is(.lg\:gap-48) {
      gap: 12rem
   }

   :is(.lg\:gap-480px) {
      gap: var(--coze-480)
   }

   :is(.lg\:gap-48px) {
      gap: var(--coze-48)
   }

   :is(.lg\:gap-4px) {
      gap: var(--coze-4)
   }

   :is(.lg\:gap-5) {
      gap: 1.25rem
   }

   :is(.lg\:gap-52) {
      gap: 13rem
   }

   :is(.lg\:gap-56) {
      gap: 14rem
   }

   :is(.lg\:gap-5px) {
      gap: var(--coze-5)
   }

   :is(.lg\:gap-6) {
      gap: 1.5rem
   }

   :is(.lg\:gap-60) {
      gap: 15rem
   }

   :is(.lg\:gap-64) {
      gap: 16rem
   }

   :is(.lg\:gap-640px) {
      gap: var(--coze-640)
   }

   :is(.lg\:gap-64px) {
      gap: var(--coze-64)
   }

   :is(.lg\:gap-6px) {
      gap: var(--coze-6)
   }

   :is(.lg\:gap-7) {
      gap: 1.75rem
   }

   :is(.lg\:gap-72) {
      gap: 18rem
   }

   :is(.lg\:gap-8) {
      gap: 2rem
   }

   :is(.lg\:gap-80) {
      gap: 20rem
   }

   :is(.lg\:gap-800px) {
      gap: var(--coze-800)
   }

   :is(.lg\:gap-80px) {
      gap: var(--coze-80)
   }

   :is(.lg\:gap-8px) {
      gap: var(--coze-8)
   }

   :is(.lg\:gap-9) {
      gap: 2.25rem
   }

   :is(.lg\:gap-96) {
      gap: 24rem
   }

   :is(.lg\:gap-96px) {
      gap: var(--coze-96)
   }

   :is(.lg\:gap-9px) {
      gap: var(--coze-9)
   }

   :is(.lg\:gap-\[40px\]) {
      gap: 40px
   }

   :is(.lg\:gap-base) {
      gap: 16px
   }

   :is(.lg\:gap-base-loose) {
      gap: 20px
   }

   :is(.lg\:gap-base-tight) {
      gap: 12px
   }

   :is(.lg\:gap-extra-loose) {
      gap: 32px
   }

   :is(.lg\:gap-extra-tight) {
      gap: 4px
   }

   :is(.lg\:gap-large) {
      gap: var(--coze-40)
   }

   :is(.lg\:gap-loose) {
      gap: 24px
   }

   :is(.lg\:gap-md) {
      gap: var(--coze-64)
   }

   :is(.lg\:gap-mini) {
      gap: var(--coze-16)
   }

   :is(.lg\:gap-mm) {
      gap: var(--coze-48)
   }

   :is(.lg\:gap-none) {
      gap: 0
   }

   :is(.lg\:gap-normal) {
      gap: var(--coze-32)
   }

   :is(.lg\:gap-px) {
      gap: 1px
   }

   :is(.lg\:gap-small) {
      gap: var(--coze-20)
   }

   :is(.lg\:gap-super-loose) {
      gap: 40px
   }

   :is(.lg\:gap-super-tight) {
      gap: 2px
   }

   :is(.lg\:gap-tight) {
      gap: 8px
   }

   :is(.lg\:gap-xl) {
      gap: var(--coze-80)
   }

   :is(.lg\:gap-xxl) {
      gap: var(--coze-96)
   }

   :is(.lg\:gap-x) {
      column-gap: var(--coze-8)
   }

   :is(.lg\:gap-x-0) {
      column-gap: 0
   }

   :is(.lg\:gap-x-0\.5) {
      column-gap: .125rem
   }

   :is(.lg\:gap-x-1) {
      column-gap: .25rem
   }

   :is(.lg\:gap-x-1\.5) {
      column-gap: .375rem
   }

   :is(.lg\:gap-x-10) {
      column-gap: 2.5rem
   }

   :is(.lg\:gap-x-1080px) {
      column-gap: var(--coze-1080)
   }

   :is(.lg\:gap-x-10px) {
      column-gap: var(--coze-10)
   }

   :is(.lg\:gap-x-11) {
      column-gap: 2.75rem
   }

   :is(.lg\:gap-x-12) {
      column-gap: 3rem
   }

   :is(.lg\:gap-x-120px) {
      column-gap: var(--coze-120)
   }

   :is(.lg\:gap-x-12px) {
      column-gap: var(--coze-12)
   }

   :is(.lg\:gap-x-14) {
      column-gap: 3.5rem
   }

   :is(.lg\:gap-x-14px) {
      column-gap: var(--coze-14)
   }

   :is(.lg\:gap-x-15px) {
      column-gap: var(--coze-15)
   }

   :is(.lg\:gap-x-16) {
      column-gap: 4rem
   }

   :is(.lg\:gap-x-160px) {
      column-gap: var(--coze-160)
   }

   :is(.lg\:gap-x-16px) {
      column-gap: var(--coze-16)
   }

   :is(.lg\:gap-x-18px) {
      column-gap: var(--coze-18)
   }

   :is(.lg\:gap-x-1px) {
      column-gap: var(--coze-1)
   }

   :is(.lg\:gap-x-2) {
      column-gap: .5rem
   }

   :is(.lg\:gap-x-2\.5) {
      column-gap: .625rem
   }

   :is(.lg\:gap-x-20) {
      column-gap: 5rem
   }

   :is(.lg\:gap-x-200px) {
      column-gap: var(--coze-200)
   }

   :is(.lg\:gap-x-20px) {
      column-gap: var(--coze-20)
   }

   :is(.lg\:gap-x-22px) {
      column-gap: var(--coze-22)
   }

   :is(.lg\:gap-x-24) {
      column-gap: 6rem
   }

   :is(.lg\:gap-x-240px) {
      column-gap: var(--coze-240)
   }

   :is(.lg\:gap-x-24px) {
      column-gap: var(--coze-24)
   }

   :is(.lg\:gap-x-26px) {
      column-gap: var(--coze-26)
   }

   :is(.lg\:gap-x-28) {
      column-gap: 7rem
   }

   :is(.lg\:gap-x-28px) {
      column-gap: var(--coze-28)
   }

   :is(.lg\:gap-x-2px) {
      column-gap: var(--coze-2)
   }

   :is(.lg\:gap-x-3) {
      column-gap: .75rem
   }

   :is(.lg\:gap-x-3\.5) {
      column-gap: .875rem
   }

   :is(.lg\:gap-x-30px) {
      column-gap: var(--coze-30)
   }

   :is(.lg\:gap-x-32) {
      column-gap: 8rem
   }

   :is(.lg\:gap-x-320px) {
      column-gap: var(--coze-320)
   }

   :is(.lg\:gap-x-32px) {
      column-gap: var(--coze-32)
   }

   :is(.lg\:gap-x-36) {
      column-gap: 9rem
   }

   :is(.lg\:gap-x-3px) {
      column-gap: var(--coze-3)
   }

   :is(.lg\:gap-x-4) {
      column-gap: 1rem
   }

   :is(.lg\:gap-x-40) {
      column-gap: 10rem
   }

   :is(.lg\:gap-x-40px) {
      column-gap: var(--coze-40)
   }

   :is(.lg\:gap-x-44) {
      column-gap: 11rem
   }

   :is(.lg\:gap-x-48) {
      column-gap: 12rem
   }

   :is(.lg\:gap-x-480px) {
      column-gap: var(--coze-480)
   }

   :is(.lg\:gap-x-48px) {
      column-gap: var(--coze-48)
   }

   :is(.lg\:gap-x-4px) {
      column-gap: var(--coze-4)
   }

   :is(.lg\:gap-x-5) {
      column-gap: 1.25rem
   }

   :is(.lg\:gap-x-52) {
      column-gap: 13rem
   }

   :is(.lg\:gap-x-56) {
      column-gap: 14rem
   }

   :is(.lg\:gap-x-5px) {
      column-gap: var(--coze-5)
   }

   :is(.lg\:gap-x-6) {
      column-gap: 1.5rem
   }

   :is(.lg\:gap-x-60) {
      column-gap: 15rem
   }

   :is(.lg\:gap-x-64) {
      column-gap: 16rem
   }

   :is(.lg\:gap-x-640px) {
      column-gap: var(--coze-640)
   }

   :is(.lg\:gap-x-64px) {
      column-gap: var(--coze-64)
   }

   :is(.lg\:gap-x-6px) {
      column-gap: var(--coze-6)
   }

   :is(.lg\:gap-x-7) {
      column-gap: 1.75rem
   }

   :is(.lg\:gap-x-72) {
      column-gap: 18rem
   }

   :is(.lg\:gap-x-8) {
      column-gap: 2rem
   }

   :is(.lg\:gap-x-80) {
      column-gap: 20rem
   }

   :is(.lg\:gap-x-800px) {
      column-gap: var(--coze-800)
   }

   :is(.lg\:gap-x-80px) {
      column-gap: var(--coze-80)
   }

   :is(.lg\:gap-x-8px) {
      column-gap: var(--coze-8)
   }

   :is(.lg\:gap-x-9) {
      column-gap: 2.25rem
   }

   :is(.lg\:gap-x-96) {
      column-gap: 24rem
   }

   :is(.lg\:gap-x-96px) {
      column-gap: var(--coze-96)
   }

   :is(.lg\:gap-x-9px) {
      column-gap: var(--coze-9)
   }

   :is(.lg\:gap-x-base) {
      column-gap: 16px
   }

   :is(.lg\:gap-x-base-loose) {
      column-gap: 20px
   }

   :is(.lg\:gap-x-base-tight) {
      column-gap: 12px
   }

   :is(.lg\:gap-x-extra-loose) {
      column-gap: 32px
   }

   :is(.lg\:gap-x-extra-tight) {
      column-gap: 4px
   }

   :is(.lg\:gap-x-large) {
      column-gap: var(--coze-40)
   }

   :is(.lg\:gap-x-loose) {
      column-gap: 24px
   }

   :is(.lg\:gap-x-md) {
      column-gap: var(--coze-64)
   }

   :is(.lg\:gap-x-mini) {
      column-gap: var(--coze-16)
   }

   :is(.lg\:gap-x-mm) {
      column-gap: var(--coze-48)
   }

   :is(.lg\:gap-x-none) {
      column-gap: 0
   }

   :is(.lg\:gap-x-normal) {
      column-gap: var(--coze-32)
   }

   :is(.lg\:gap-x-px) {
      column-gap: 1px
   }

   :is(.lg\:gap-x-small) {
      column-gap: var(--coze-20)
   }

   :is(.lg\:gap-x-super-loose) {
      column-gap: 40px
   }

   :is(.lg\:gap-x-super-tight) {
      column-gap: 2px
   }

   :is(.lg\:gap-x-tight) {
      column-gap: 8px
   }

   :is(.lg\:gap-x-xl) {
      column-gap: var(--coze-80)
   }

   :is(.lg\:gap-x-xxl) {
      column-gap: var(--coze-96)
   }

   :is(.lg\:gap-y) {
      row-gap: var(--coze-8)
   }

   :is(.lg\:gap-y-0) {
      row-gap: 0
   }

   :is(.lg\:gap-y-0\.5) {
      row-gap: .125rem
   }

   :is(.lg\:gap-y-1) {
      row-gap: .25rem
   }

   :is(.lg\:gap-y-1\.5) {
      row-gap: .375rem
   }

   :is(.lg\:gap-y-10) {
      row-gap: 2.5rem
   }

   :is(.lg\:gap-y-1080px) {
      row-gap: var(--coze-1080)
   }

   :is(.lg\:gap-y-10px) {
      row-gap: var(--coze-10)
   }

   :is(.lg\:gap-y-11) {
      row-gap: 2.75rem
   }

   :is(.lg\:gap-y-12) {
      row-gap: 3rem
   }

   :is(.lg\:gap-y-120px) {
      row-gap: var(--coze-120)
   }

   :is(.lg\:gap-y-12px) {
      row-gap: var(--coze-12)
   }

   :is(.lg\:gap-y-14) {
      row-gap: 3.5rem
   }

   :is(.lg\:gap-y-14px) {
      row-gap: var(--coze-14)
   }

   :is(.lg\:gap-y-15px) {
      row-gap: var(--coze-15)
   }

   :is(.lg\:gap-y-16) {
      row-gap: 4rem
   }

   :is(.lg\:gap-y-160px) {
      row-gap: var(--coze-160)
   }

   :is(.lg\:gap-y-16px) {
      row-gap: var(--coze-16)
   }

   :is(.lg\:gap-y-18px) {
      row-gap: var(--coze-18)
   }

   :is(.lg\:gap-y-1px) {
      row-gap: var(--coze-1)
   }

   :is(.lg\:gap-y-2) {
      row-gap: .5rem
   }

   :is(.lg\:gap-y-2\.5) {
      row-gap: .625rem
   }

   :is(.lg\:gap-y-20) {
      row-gap: 5rem
   }

   :is(.lg\:gap-y-200px) {
      row-gap: var(--coze-200)
   }

   :is(.lg\:gap-y-20px) {
      row-gap: var(--coze-20)
   }

   :is(.lg\:gap-y-22px) {
      row-gap: var(--coze-22)
   }

   :is(.lg\:gap-y-24) {
      row-gap: 6rem
   }

   :is(.lg\:gap-y-240px) {
      row-gap: var(--coze-240)
   }

   :is(.lg\:gap-y-24px) {
      row-gap: var(--coze-24)
   }

   :is(.lg\:gap-y-26px) {
      row-gap: var(--coze-26)
   }

   :is(.lg\:gap-y-28) {
      row-gap: 7rem
   }

   :is(.lg\:gap-y-28px) {
      row-gap: var(--coze-28)
   }

   :is(.lg\:gap-y-2px) {
      row-gap: var(--coze-2)
   }

   :is(.lg\:gap-y-3) {
      row-gap: .75rem
   }

   :is(.lg\:gap-y-3\.5) {
      row-gap: .875rem
   }

   :is(.lg\:gap-y-30px) {
      row-gap: var(--coze-30)
   }

   :is(.lg\:gap-y-32) {
      row-gap: 8rem
   }

   :is(.lg\:gap-y-320px) {
      row-gap: var(--coze-320)
   }

   :is(.lg\:gap-y-32px) {
      row-gap: var(--coze-32)
   }

   :is(.lg\:gap-y-36) {
      row-gap: 9rem
   }

   :is(.lg\:gap-y-3px) {
      row-gap: var(--coze-3)
   }

   :is(.lg\:gap-y-4) {
      row-gap: 1rem
   }

   :is(.lg\:gap-y-40) {
      row-gap: 10rem
   }

   :is(.lg\:gap-y-40px) {
      row-gap: var(--coze-40)
   }

   :is(.lg\:gap-y-44) {
      row-gap: 11rem
   }

   :is(.lg\:gap-y-48) {
      row-gap: 12rem
   }

   :is(.lg\:gap-y-480px) {
      row-gap: var(--coze-480)
   }

   :is(.lg\:gap-y-48px) {
      row-gap: var(--coze-48)
   }

   :is(.lg\:gap-y-4px) {
      row-gap: var(--coze-4)
   }

   :is(.lg\:gap-y-5) {
      row-gap: 1.25rem
   }

   :is(.lg\:gap-y-52) {
      row-gap: 13rem
   }

   :is(.lg\:gap-y-56) {
      row-gap: 14rem
   }

   :is(.lg\:gap-y-5px) {
      row-gap: var(--coze-5)
   }

   :is(.lg\:gap-y-6) {
      row-gap: 1.5rem
   }

   :is(.lg\:gap-y-60) {
      row-gap: 15rem
   }

   :is(.lg\:gap-y-64) {
      row-gap: 16rem
   }

   :is(.lg\:gap-y-640px) {
      row-gap: var(--coze-640)
   }

   :is(.lg\:gap-y-64px) {
      row-gap: var(--coze-64)
   }

   :is(.lg\:gap-y-6px) {
      row-gap: var(--coze-6)
   }

   :is(.lg\:gap-y-7) {
      row-gap: 1.75rem
   }

   :is(.lg\:gap-y-72) {
      row-gap: 18rem
   }

   :is(.lg\:gap-y-8) {
      row-gap: 2rem
   }

   :is(.lg\:gap-y-80) {
      row-gap: 20rem
   }

   :is(.lg\:gap-y-800px) {
      row-gap: var(--coze-800)
   }

   :is(.lg\:gap-y-80px) {
      row-gap: var(--coze-80)
   }

   :is(.lg\:gap-y-8px) {
      row-gap: var(--coze-8)
   }

   :is(.lg\:gap-y-9) {
      row-gap: 2.25rem
   }

   :is(.lg\:gap-y-96) {
      row-gap: 24rem
   }

   :is(.lg\:gap-y-96px) {
      row-gap: var(--coze-96)
   }

   :is(.lg\:gap-y-9px) {
      row-gap: var(--coze-9)
   }

   :is(.lg\:gap-y-base) {
      row-gap: 16px
   }

   :is(.lg\:gap-y-base-loose) {
      row-gap: 20px
   }

   :is(.lg\:gap-y-base-tight) {
      row-gap: 12px
   }

   :is(.lg\:gap-y-extra-loose) {
      row-gap: 32px
   }

   :is(.lg\:gap-y-extra-tight) {
      row-gap: 4px
   }

   :is(.lg\:gap-y-large) {
      row-gap: var(--coze-40)
   }

   :is(.lg\:gap-y-loose) {
      row-gap: 24px
   }

   :is(.lg\:gap-y-md) {
      row-gap: var(--coze-64)
   }

   :is(.lg\:gap-y-mini) {
      row-gap: var(--coze-16)
   }

   :is(.lg\:gap-y-mm) {
      row-gap: var(--coze-48)
   }

   :is(.lg\:gap-y-none) {
      row-gap: 0
   }

   :is(.lg\:gap-y-normal) {
      row-gap: var(--coze-32)
   }

   :is(.lg\:gap-y-px) {
      row-gap: 1px
   }

   :is(.lg\:gap-y-small) {
      row-gap: var(--coze-20)
   }

   :is(.lg\:gap-y-super-loose) {
      row-gap: 40px
   }

   :is(.lg\:gap-y-super-tight) {
      row-gap: 2px
   }

   :is(.lg\:gap-y-tight) {
      row-gap: 8px
   }

   :is(.lg\:gap-y-xl) {
      row-gap: var(--coze-80)
   }

   :is(.lg\:gap-y-xxl) {
      row-gap: var(--coze-96)
   }

   :is(.lg\:px-0) {
      padding-left: 0;
      padding-right: 0
   }

   :is(.lg\:px-28) {
      padding-left: 7rem;
      padding-right: 7rem
   }

   :is(.lg\:px-5) {
      padding-left: 1.25rem;
      padding-right: 1.25rem
   }
}

@media (min-width:1600px) {
   :is(.xl\:grid-flow-row) {
      grid-auto-flow: row
   }

   :is(.xl\:grid-flow-col) {
      grid-auto-flow: column
   }

   :is(.xl\:grid-flow-dense) {
      grid-auto-flow: dense
   }

   :is(.xl\:grid-flow-row-dense) {
      grid-auto-flow: row dense
   }

   :is(.xl\:grid-flow-col-dense) {
      grid-auto-flow: column dense
   }

   :is(.xl\:grid-cols-1) {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-10) {
      grid-template-columns: repeat(10, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-11) {
      grid-template-columns: repeat(11, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-12) {
      grid-template-columns: repeat(12, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-2) {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-4) {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-5) {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-6) {
      grid-template-columns: repeat(6, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-7) {
      grid-template-columns: repeat(7, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-8) {
      grid-template-columns: repeat(8, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-9) {
      grid-template-columns: repeat(9, minmax(0, 1fr))
   }

   :is(.xl\:grid-cols-none) {
      grid-template-columns: none
   }

   :is(.xl\:grid-rows-1) {
      grid-template-rows: repeat(1, minmax(0, 1fr))
   }

   :is(.xl\:grid-rows-2) {
      grid-template-rows: repeat(2, minmax(0, 1fr))
   }

   :is(.xl\:grid-rows-3) {
      grid-template-rows: repeat(3, minmax(0, 1fr))
   }

   :is(.xl\:grid-rows-4) {
      grid-template-rows: repeat(4, minmax(0, 1fr))
   }

   :is(.xl\:grid-rows-5) {
      grid-template-rows: repeat(5, minmax(0, 1fr))
   }

   :is(.xl\:grid-rows-6) {
      grid-template-rows: repeat(6, minmax(0, 1fr))
   }

   :is(.xl\:grid-rows-none) {
      grid-template-rows: none
   }

   :is(.xl\:gap-0) {
      gap: 0
   }

   :is(.xl\:gap-0\.5) {
      gap: .125rem
   }

   :is(.xl\:gap-1) {
      gap: .25rem
   }

   :is(.xl\:gap-1\.5) {
      gap: .375rem
   }

   :is(.xl\:gap-10) {
      gap: 2.5rem
   }

   :is(.xl\:gap-1080px) {
      gap: var(--coze-1080)
   }

   :is(.xl\:gap-10px) {
      gap: var(--coze-10)
   }

   :is(.xl\:gap-11) {
      gap: 2.75rem
   }

   :is(.xl\:gap-12) {
      gap: 3rem
   }

   :is(.xl\:gap-120px) {
      gap: var(--coze-120)
   }

   :is(.xl\:gap-12px) {
      gap: var(--coze-12)
   }

   :is(.xl\:gap-14) {
      gap: 3.5rem
   }

   :is(.xl\:gap-14px) {
      gap: var(--coze-14)
   }

   :is(.xl\:gap-15px) {
      gap: var(--coze-15)
   }

   :is(.xl\:gap-16) {
      gap: 4rem
   }

   :is(.xl\:gap-160px) {
      gap: var(--coze-160)
   }

   :is(.xl\:gap-16px) {
      gap: var(--coze-16)
   }

   :is(.xl\:gap-18px) {
      gap: var(--coze-18)
   }

   :is(.xl\:gap-1px) {
      gap: var(--coze-1)
   }

   :is(.xl\:gap-2) {
      gap: .5rem
   }

   :is(.xl\:gap-2\.5) {
      gap: .625rem
   }

   :is(.xl\:gap-20) {
      gap: 5rem
   }

   :is(.xl\:gap-200px) {
      gap: var(--coze-200)
   }

   :is(.xl\:gap-20px) {
      gap: var(--coze-20)
   }

   :is(.xl\:gap-22px) {
      gap: var(--coze-22)
   }

   :is(.xl\:gap-24) {
      gap: 6rem
   }

   :is(.xl\:gap-240px) {
      gap: var(--coze-240)
   }

   :is(.xl\:gap-24px) {
      gap: var(--coze-24)
   }

   :is(.xl\:gap-26px) {
      gap: var(--coze-26)
   }

   :is(.xl\:gap-28) {
      gap: 7rem
   }

   :is(.xl\:gap-28px) {
      gap: var(--coze-28)
   }

   :is(.xl\:gap-2px) {
      gap: var(--coze-2)
   }

   :is(.xl\:gap-3) {
      gap: .75rem
   }

   :is(.xl\:gap-3\.5) {
      gap: .875rem
   }

   :is(.xl\:gap-30px) {
      gap: var(--coze-30)
   }

   :is(.xl\:gap-32) {
      gap: 8rem
   }

   :is(.xl\:gap-320px) {
      gap: var(--coze-320)
   }

   :is(.xl\:gap-32px) {
      gap: var(--coze-32)
   }

   :is(.xl\:gap-36) {
      gap: 9rem
   }

   :is(.xl\:gap-3px) {
      gap: var(--coze-3)
   }

   :is(.xl\:gap-4) {
      gap: 1rem
   }

   :is(.xl\:gap-40) {
      gap: 10rem
   }

   :is(.xl\:gap-40px) {
      gap: var(--coze-40)
   }

   :is(.xl\:gap-44) {
      gap: 11rem
   }

   :is(.xl\:gap-48) {
      gap: 12rem
   }

   :is(.xl\:gap-480px) {
      gap: var(--coze-480)
   }

   :is(.xl\:gap-48px) {
      gap: var(--coze-48)
   }

   :is(.xl\:gap-4px) {
      gap: var(--coze-4)
   }

   :is(.xl\:gap-5) {
      gap: 1.25rem
   }

   :is(.xl\:gap-52) {
      gap: 13rem
   }

   :is(.xl\:gap-56) {
      gap: 14rem
   }

   :is(.xl\:gap-5px) {
      gap: var(--coze-5)
   }

   :is(.xl\:gap-6) {
      gap: 1.5rem
   }

   :is(.xl\:gap-60) {
      gap: 15rem
   }

   :is(.xl\:gap-64) {
      gap: 16rem
   }

   :is(.xl\:gap-640px) {
      gap: var(--coze-640)
   }

   :is(.xl\:gap-64px) {
      gap: var(--coze-64)
   }

   :is(.xl\:gap-6px) {
      gap: var(--coze-6)
   }

   :is(.xl\:gap-7) {
      gap: 1.75rem
   }

   :is(.xl\:gap-72) {
      gap: 18rem
   }

   :is(.xl\:gap-8) {
      gap: 2rem
   }

   :is(.xl\:gap-80) {
      gap: 20rem
   }

   :is(.xl\:gap-800px) {
      gap: var(--coze-800)
   }

   :is(.xl\:gap-80px) {
      gap: var(--coze-80)
   }

   :is(.xl\:gap-8px) {
      gap: var(--coze-8)
   }

   :is(.xl\:gap-9) {
      gap: 2.25rem
   }

   :is(.xl\:gap-96) {
      gap: 24rem
   }

   :is(.xl\:gap-96px) {
      gap: var(--coze-96)
   }

   :is(.xl\:gap-9px) {
      gap: var(--coze-9)
   }

   :is(.xl\:gap-base) {
      gap: 16px
   }

   :is(.xl\:gap-base-loose) {
      gap: 20px
   }

   :is(.xl\:gap-base-tight) {
      gap: 12px
   }

   :is(.xl\:gap-extra-loose) {
      gap: 32px
   }

   :is(.xl\:gap-extra-tight) {
      gap: 4px
   }

   :is(.xl\:gap-large) {
      gap: var(--coze-40)
   }

   :is(.xl\:gap-loose) {
      gap: 24px
   }

   :is(.xl\:gap-md) {
      gap: var(--coze-64)
   }

   :is(.xl\:gap-mini) {
      gap: var(--coze-16)
   }

   :is(.xl\:gap-mm) {
      gap: var(--coze-48)
   }

   :is(.xl\:gap-none) {
      gap: 0
   }

   :is(.xl\:gap-normal) {
      gap: var(--coze-32)
   }

   :is(.xl\:gap-px) {
      gap: 1px
   }

   :is(.xl\:gap-small) {
      gap: var(--coze-20)
   }

   :is(.xl\:gap-super-loose) {
      gap: 40px
   }

   :is(.xl\:gap-super-tight) {
      gap: 2px
   }

   :is(.xl\:gap-tight) {
      gap: 8px
   }

   :is(.xl\:gap-xl) {
      gap: var(--coze-80)
   }

   :is(.xl\:gap-xxl) {
      gap: var(--coze-96)
   }

   :is(.xl\:gap-x) {
      column-gap: var(--coze-8)
   }

   :is(.xl\:gap-x-0) {
      column-gap: 0
   }

   :is(.xl\:gap-x-0\.5) {
      column-gap: .125rem
   }

   :is(.xl\:gap-x-1) {
      column-gap: .25rem
   }

   :is(.xl\:gap-x-1\.5) {
      column-gap: .375rem
   }

   :is(.xl\:gap-x-10) {
      column-gap: 2.5rem
   }

   :is(.xl\:gap-x-1080px) {
      column-gap: var(--coze-1080)
   }

   :is(.xl\:gap-x-10px) {
      column-gap: var(--coze-10)
   }

   :is(.xl\:gap-x-11) {
      column-gap: 2.75rem
   }

   :is(.xl\:gap-x-12) {
      column-gap: 3rem
   }

   :is(.xl\:gap-x-120px) {
      column-gap: var(--coze-120)
   }

   :is(.xl\:gap-x-12px) {
      column-gap: var(--coze-12)
   }

   :is(.xl\:gap-x-14) {
      column-gap: 3.5rem
   }

   :is(.xl\:gap-x-14px) {
      column-gap: var(--coze-14)
   }

   :is(.xl\:gap-x-15px) {
      column-gap: var(--coze-15)
   }

   :is(.xl\:gap-x-16) {
      column-gap: 4rem
   }

   :is(.xl\:gap-x-160px) {
      column-gap: var(--coze-160)
   }

   :is(.xl\:gap-x-16px) {
      column-gap: var(--coze-16)
   }

   :is(.xl\:gap-x-18px) {
      column-gap: var(--coze-18)
   }

   :is(.xl\:gap-x-1px) {
      column-gap: var(--coze-1)
   }

   :is(.xl\:gap-x-2) {
      column-gap: .5rem
   }

   :is(.xl\:gap-x-2\.5) {
      column-gap: .625rem
   }

   :is(.xl\:gap-x-20) {
      column-gap: 5rem
   }

   :is(.xl\:gap-x-200px) {
      column-gap: var(--coze-200)
   }

   :is(.xl\:gap-x-20px) {
      column-gap: var(--coze-20)
   }

   :is(.xl\:gap-x-22px) {
      column-gap: var(--coze-22)
   }

   :is(.xl\:gap-x-24) {
      column-gap: 6rem
   }

   :is(.xl\:gap-x-240px) {
      column-gap: var(--coze-240)
   }

   :is(.xl\:gap-x-24px) {
      column-gap: var(--coze-24)
   }

   :is(.xl\:gap-x-26px) {
      column-gap: var(--coze-26)
   }

   :is(.xl\:gap-x-28) {
      column-gap: 7rem
   }

   :is(.xl\:gap-x-28px) {
      column-gap: var(--coze-28)
   }

   :is(.xl\:gap-x-2px) {
      column-gap: var(--coze-2)
   }

   :is(.xl\:gap-x-3) {
      column-gap: .75rem
   }

   :is(.xl\:gap-x-3\.5) {
      column-gap: .875rem
   }

   :is(.xl\:gap-x-30px) {
      column-gap: var(--coze-30)
   }

   :is(.xl\:gap-x-32) {
      column-gap: 8rem
   }

   :is(.xl\:gap-x-320px) {
      column-gap: var(--coze-320)
   }

   :is(.xl\:gap-x-32px) {
      column-gap: var(--coze-32)
   }

   :is(.xl\:gap-x-36) {
      column-gap: 9rem
   }

   :is(.xl\:gap-x-3px) {
      column-gap: var(--coze-3)
   }

   :is(.xl\:gap-x-4) {
      column-gap: 1rem
   }

   :is(.xl\:gap-x-40) {
      column-gap: 10rem
   }

   :is(.xl\:gap-x-40px) {
      column-gap: var(--coze-40)
   }

   :is(.xl\:gap-x-44) {
      column-gap: 11rem
   }

   :is(.xl\:gap-x-48) {
      column-gap: 12rem
   }

   :is(.xl\:gap-x-480px) {
      column-gap: var(--coze-480)
   }

   :is(.xl\:gap-x-48px) {
      column-gap: var(--coze-48)
   }

   :is(.xl\:gap-x-4px) {
      column-gap: var(--coze-4)
   }

   :is(.xl\:gap-x-5) {
      column-gap: 1.25rem
   }

   :is(.xl\:gap-x-52) {
      column-gap: 13rem
   }

   :is(.xl\:gap-x-56) {
      column-gap: 14rem
   }

   :is(.xl\:gap-x-5px) {
      column-gap: var(--coze-5)
   }

   :is(.xl\:gap-x-6) {
      column-gap: 1.5rem
   }

   :is(.xl\:gap-x-60) {
      column-gap: 15rem
   }

   :is(.xl\:gap-x-64) {
      column-gap: 16rem
   }

   :is(.xl\:gap-x-640px) {
      column-gap: var(--coze-640)
   }

   :is(.xl\:gap-x-64px) {
      column-gap: var(--coze-64)
   }

   :is(.xl\:gap-x-6px) {
      column-gap: var(--coze-6)
   }

   :is(.xl\:gap-x-7) {
      column-gap: 1.75rem
   }

   :is(.xl\:gap-x-72) {
      column-gap: 18rem
   }

   :is(.xl\:gap-x-8) {
      column-gap: 2rem
   }

   :is(.xl\:gap-x-80) {
      column-gap: 20rem
   }

   :is(.xl\:gap-x-800px) {
      column-gap: var(--coze-800)
   }

   :is(.xl\:gap-x-80px) {
      column-gap: var(--coze-80)
   }

   :is(.xl\:gap-x-8px) {
      column-gap: var(--coze-8)
   }

   :is(.xl\:gap-x-9) {
      column-gap: 2.25rem
   }

   :is(.xl\:gap-x-96) {
      column-gap: 24rem
   }

   :is(.xl\:gap-x-96px) {
      column-gap: var(--coze-96)
   }

   :is(.xl\:gap-x-9px) {
      column-gap: var(--coze-9)
   }

   :is(.xl\:gap-x-base) {
      column-gap: 16px
   }

   :is(.xl\:gap-x-base-loose) {
      column-gap: 20px
   }

   :is(.xl\:gap-x-base-tight) {
      column-gap: 12px
   }

   :is(.xl\:gap-x-extra-loose) {
      column-gap: 32px
   }

   :is(.xl\:gap-x-extra-tight) {
      column-gap: 4px
   }

   :is(.xl\:gap-x-large) {
      column-gap: var(--coze-40)
   }

   :is(.xl\:gap-x-loose) {
      column-gap: 24px
   }

   :is(.xl\:gap-x-md) {
      column-gap: var(--coze-64)
   }

   :is(.xl\:gap-x-mini) {
      column-gap: var(--coze-16)
   }

   :is(.xl\:gap-x-mm) {
      column-gap: var(--coze-48)
   }

   :is(.xl\:gap-x-none) {
      column-gap: 0
   }

   :is(.xl\:gap-x-normal) {
      column-gap: var(--coze-32)
   }

   :is(.xl\:gap-x-px) {
      column-gap: 1px
   }

   :is(.xl\:gap-x-small) {
      column-gap: var(--coze-20)
   }

   :is(.xl\:gap-x-super-loose) {
      column-gap: 40px
   }

   :is(.xl\:gap-x-super-tight) {
      column-gap: 2px
   }

   :is(.xl\:gap-x-tight) {
      column-gap: 8px
   }

   :is(.xl\:gap-x-xl) {
      column-gap: var(--coze-80)
   }

   :is(.xl\:gap-x-xxl) {
      column-gap: var(--coze-96)
   }

   :is(.xl\:gap-y) {
      row-gap: var(--coze-8)
   }

   :is(.xl\:gap-y-0) {
      row-gap: 0
   }

   :is(.xl\:gap-y-0\.5) {
      row-gap: .125rem
   }

   :is(.xl\:gap-y-1) {
      row-gap: .25rem
   }

   :is(.xl\:gap-y-1\.5) {
      row-gap: .375rem
   }

   :is(.xl\:gap-y-10) {
      row-gap: 2.5rem
   }

   :is(.xl\:gap-y-1080px) {
      row-gap: var(--coze-1080)
   }

   :is(.xl\:gap-y-10px) {
      row-gap: var(--coze-10)
   }

   :is(.xl\:gap-y-11) {
      row-gap: 2.75rem
   }

   :is(.xl\:gap-y-12) {
      row-gap: 3rem
   }

   :is(.xl\:gap-y-120px) {
      row-gap: var(--coze-120)
   }

   :is(.xl\:gap-y-12px) {
      row-gap: var(--coze-12)
   }

   :is(.xl\:gap-y-14) {
      row-gap: 3.5rem
   }

   :is(.xl\:gap-y-14px) {
      row-gap: var(--coze-14)
   }

   :is(.xl\:gap-y-15px) {
      row-gap: var(--coze-15)
   }

   :is(.xl\:gap-y-16) {
      row-gap: 4rem
   }

   :is(.xl\:gap-y-160px) {
      row-gap: var(--coze-160)
   }

   :is(.xl\:gap-y-16px) {
      row-gap: var(--coze-16)
   }

   :is(.xl\:gap-y-18px) {
      row-gap: var(--coze-18)
   }

   :is(.xl\:gap-y-1px) {
      row-gap: var(--coze-1)
   }

   :is(.xl\:gap-y-2) {
      row-gap: .5rem
   }

   :is(.xl\:gap-y-2\.5) {
      row-gap: .625rem
   }

   :is(.xl\:gap-y-20) {
      row-gap: 5rem
   }

   :is(.xl\:gap-y-200px) {
      row-gap: var(--coze-200)
   }

   :is(.xl\:gap-y-20px) {
      row-gap: var(--coze-20)
   }

   :is(.xl\:gap-y-22px) {
      row-gap: var(--coze-22)
   }

   :is(.xl\:gap-y-24) {
      row-gap: 6rem
   }

   :is(.xl\:gap-y-240px) {
      row-gap: var(--coze-240)
   }

   :is(.xl\:gap-y-24px) {
      row-gap: var(--coze-24)
   }

   :is(.xl\:gap-y-26px) {
      row-gap: var(--coze-26)
   }

   :is(.xl\:gap-y-28) {
      row-gap: 7rem
   }

   :is(.xl\:gap-y-28px) {
      row-gap: var(--coze-28)
   }

   :is(.xl\:gap-y-2px) {
      row-gap: var(--coze-2)
   }

   :is(.xl\:gap-y-3) {
      row-gap: .75rem
   }

   :is(.xl\:gap-y-3\.5) {
      row-gap: .875rem
   }

   :is(.xl\:gap-y-30px) {
      row-gap: var(--coze-30)
   }

   :is(.xl\:gap-y-32) {
      row-gap: 8rem
   }

   :is(.xl\:gap-y-320px) {
      row-gap: var(--coze-320)
   }

   :is(.xl\:gap-y-32px) {
      row-gap: var(--coze-32)
   }

   :is(.xl\:gap-y-36) {
      row-gap: 9rem
   }

   :is(.xl\:gap-y-3px) {
      row-gap: var(--coze-3)
   }

   :is(.xl\:gap-y-4) {
      row-gap: 1rem
   }

   :is(.xl\:gap-y-40) {
      row-gap: 10rem
   }

   :is(.xl\:gap-y-40px) {
      row-gap: var(--coze-40)
   }

   :is(.xl\:gap-y-44) {
      row-gap: 11rem
   }

   :is(.xl\:gap-y-48) {
      row-gap: 12rem
   }

   :is(.xl\:gap-y-480px) {
      row-gap: var(--coze-480)
   }

   :is(.xl\:gap-y-48px) {
      row-gap: var(--coze-48)
   }

   :is(.xl\:gap-y-4px) {
      row-gap: var(--coze-4)
   }

   :is(.xl\:gap-y-5) {
      row-gap: 1.25rem
   }

   :is(.xl\:gap-y-52) {
      row-gap: 13rem
   }

   :is(.xl\:gap-y-56) {
      row-gap: 14rem
   }

   :is(.xl\:gap-y-5px) {
      row-gap: var(--coze-5)
   }

   :is(.xl\:gap-y-6) {
      row-gap: 1.5rem
   }

   :is(.xl\:gap-y-60) {
      row-gap: 15rem
   }

   :is(.xl\:gap-y-64) {
      row-gap: 16rem
   }

   :is(.xl\:gap-y-640px) {
      row-gap: var(--coze-640)
   }

   :is(.xl\:gap-y-64px) {
      row-gap: var(--coze-64)
   }

   :is(.xl\:gap-y-6px) {
      row-gap: var(--coze-6)
   }

   :is(.xl\:gap-y-7) {
      row-gap: 1.75rem
   }

   :is(.xl\:gap-y-72) {
      row-gap: 18rem
   }

   :is(.xl\:gap-y-8) {
      row-gap: 2rem
   }

   :is(.xl\:gap-y-80) {
      row-gap: 20rem
   }

   :is(.xl\:gap-y-800px) {
      row-gap: var(--coze-800)
   }

   :is(.xl\:gap-y-80px) {
      row-gap: var(--coze-80)
   }

   :is(.xl\:gap-y-8px) {
      row-gap: var(--coze-8)
   }

   :is(.xl\:gap-y-9) {
      row-gap: 2.25rem
   }

   :is(.xl\:gap-y-96) {
      row-gap: 24rem
   }

   :is(.xl\:gap-y-96px) {
      row-gap: var(--coze-96)
   }

   :is(.xl\:gap-y-9px) {
      row-gap: var(--coze-9)
   }

   :is(.xl\:gap-y-base) {
      row-gap: 16px
   }

   :is(.xl\:gap-y-base-loose) {
      row-gap: 20px
   }

   :is(.xl\:gap-y-base-tight) {
      row-gap: 12px
   }

   :is(.xl\:gap-y-extra-loose) {
      row-gap: 32px
   }

   :is(.xl\:gap-y-extra-tight) {
      row-gap: 4px
   }

   :is(.xl\:gap-y-large) {
      row-gap: var(--coze-40)
   }

   :is(.xl\:gap-y-loose) {
      row-gap: 24px
   }

   :is(.xl\:gap-y-md) {
      row-gap: var(--coze-64)
   }

   :is(.xl\:gap-y-mini) {
      row-gap: var(--coze-16)
   }

   :is(.xl\:gap-y-mm) {
      row-gap: var(--coze-48)
   }

   :is(.xl\:gap-y-none) {
      row-gap: 0
   }

   :is(.xl\:gap-y-normal) {
      row-gap: var(--coze-32)
   }

   :is(.xl\:gap-y-px) {
      row-gap: 1px
   }

   :is(.xl\:gap-y-small) {
      row-gap: var(--coze-20)
   }

   :is(.xl\:gap-y-super-loose) {
      row-gap: 40px
   }

   :is(.xl\:gap-y-super-tight) {
      row-gap: 2px
   }

   :is(.xl\:gap-y-tight) {
      row-gap: 8px
   }

   :is(.xl\:gap-y-xl) {
      row-gap: var(--coze-80)
   }

   :is(.xl\:gap-y-xxl) {
      row-gap: var(--coze-96)
   }
}

@media (min-width:1920px) {
   :is(.\32xl\:grid-flow-row) {
      grid-auto-flow: row
   }

   :is(.\32xl\:grid-flow-col) {
      grid-auto-flow: column
   }

   :is(.\32xl\:grid-flow-dense) {
      grid-auto-flow: dense
   }

   :is(.\32xl\:grid-flow-row-dense) {
      grid-auto-flow: row dense
   }

   :is(.\32xl\:grid-flow-col-dense) {
      grid-auto-flow: column dense
   }

   :is(.\32xl\:grid-cols-1) {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-10) {
      grid-template-columns: repeat(10, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-11) {
      grid-template-columns: repeat(11, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-12) {
      grid-template-columns: repeat(12, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-2) {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-4) {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-5) {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-6) {
      grid-template-columns: repeat(6, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-7) {
      grid-template-columns: repeat(7, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-8) {
      grid-template-columns: repeat(8, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-9) {
      grid-template-columns: repeat(9, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-cols-none) {
      grid-template-columns: none
   }

   :is(.\32xl\:grid-rows-1) {
      grid-template-rows: repeat(1, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-rows-2) {
      grid-template-rows: repeat(2, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-rows-3) {
      grid-template-rows: repeat(3, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-rows-4) {
      grid-template-rows: repeat(4, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-rows-5) {
      grid-template-rows: repeat(5, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-rows-6) {
      grid-template-rows: repeat(6, minmax(0, 1fr))
   }

   :is(.\32xl\:grid-rows-none) {
      grid-template-rows: none
   }

   :is(.\32xl\:gap-0) {
      gap: 0
   }

   :is(.\32xl\:gap-0\.5) {
      gap: .125rem
   }

   :is(.\32xl\:gap-1) {
      gap: .25rem
   }

   :is(.\32xl\:gap-1\.5) {
      gap: .375rem
   }

   :is(.\32xl\:gap-10) {
      gap: 2.5rem
   }

   :is(.\32xl\:gap-1080px) {
      gap: var(--coze-1080)
   }

   :is(.\32xl\:gap-10px) {
      gap: var(--coze-10)
   }

   :is(.\32xl\:gap-11) {
      gap: 2.75rem
   }

   :is(.\32xl\:gap-12) {
      gap: 3rem
   }

   :is(.\32xl\:gap-120px) {
      gap: var(--coze-120)
   }

   :is(.\32xl\:gap-12px) {
      gap: var(--coze-12)
   }

   :is(.\32xl\:gap-14) {
      gap: 3.5rem
   }

   :is(.\32xl\:gap-14px) {
      gap: var(--coze-14)
   }

   :is(.\32xl\:gap-15px) {
      gap: var(--coze-15)
   }

   :is(.\32xl\:gap-16) {
      gap: 4rem
   }

   :is(.\32xl\:gap-160px) {
      gap: var(--coze-160)
   }

   :is(.\32xl\:gap-16px) {
      gap: var(--coze-16)
   }

   :is(.\32xl\:gap-18px) {
      gap: var(--coze-18)
   }

   :is(.\32xl\:gap-1px) {
      gap: var(--coze-1)
   }

   :is(.\32xl\:gap-2) {
      gap: .5rem
   }

   :is(.\32xl\:gap-2\.5) {
      gap: .625rem
   }

   :is(.\32xl\:gap-20) {
      gap: 5rem
   }

   :is(.\32xl\:gap-200px) {
      gap: var(--coze-200)
   }

   :is(.\32xl\:gap-20px) {
      gap: var(--coze-20)
   }

   :is(.\32xl\:gap-22px) {
      gap: var(--coze-22)
   }

   :is(.\32xl\:gap-24) {
      gap: 6rem
   }

   :is(.\32xl\:gap-240px) {
      gap: var(--coze-240)
   }

   :is(.\32xl\:gap-24px) {
      gap: var(--coze-24)
   }

   :is(.\32xl\:gap-26px) {
      gap: var(--coze-26)
   }

   :is(.\32xl\:gap-28) {
      gap: 7rem
   }

   :is(.\32xl\:gap-28px) {
      gap: var(--coze-28)
   }

   :is(.\32xl\:gap-2px) {
      gap: var(--coze-2)
   }

   :is(.\32xl\:gap-3) {
      gap: .75rem
   }

   :is(.\32xl\:gap-3\.5) {
      gap: .875rem
   }

   :is(.\32xl\:gap-30px) {
      gap: var(--coze-30)
   }

   :is(.\32xl\:gap-32) {
      gap: 8rem
   }

   :is(.\32xl\:gap-320px) {
      gap: var(--coze-320)
   }

   :is(.\32xl\:gap-32px) {
      gap: var(--coze-32)
   }

   :is(.\32xl\:gap-36) {
      gap: 9rem
   }

   :is(.\32xl\:gap-3px) {
      gap: var(--coze-3)
   }

   :is(.\32xl\:gap-4) {
      gap: 1rem
   }

   :is(.\32xl\:gap-40) {
      gap: 10rem
   }

   :is(.\32xl\:gap-40px) {
      gap: var(--coze-40)
   }

   :is(.\32xl\:gap-44) {
      gap: 11rem
   }

   :is(.\32xl\:gap-48) {
      gap: 12rem
   }

   :is(.\32xl\:gap-480px) {
      gap: var(--coze-480)
   }

   :is(.\32xl\:gap-48px) {
      gap: var(--coze-48)
   }

   :is(.\32xl\:gap-4px) {
      gap: var(--coze-4)
   }

   :is(.\32xl\:gap-5) {
      gap: 1.25rem
   }

   :is(.\32xl\:gap-52) {
      gap: 13rem
   }

   :is(.\32xl\:gap-56) {
      gap: 14rem
   }

   :is(.\32xl\:gap-5px) {
      gap: var(--coze-5)
   }

   :is(.\32xl\:gap-6) {
      gap: 1.5rem
   }

   :is(.\32xl\:gap-60) {
      gap: 15rem
   }

   :is(.\32xl\:gap-64) {
      gap: 16rem
   }

   :is(.\32xl\:gap-640px) {
      gap: var(--coze-640)
   }

   :is(.\32xl\:gap-64px) {
      gap: var(--coze-64)
   }

   :is(.\32xl\:gap-6px) {
      gap: var(--coze-6)
   }

   :is(.\32xl\:gap-7) {
      gap: 1.75rem
   }

   :is(.\32xl\:gap-72) {
      gap: 18rem
   }

   :is(.\32xl\:gap-8) {
      gap: 2rem
   }

   :is(.\32xl\:gap-80) {
      gap: 20rem
   }

   :is(.\32xl\:gap-800px) {
      gap: var(--coze-800)
   }

   :is(.\32xl\:gap-80px) {
      gap: var(--coze-80)
   }

   :is(.\32xl\:gap-8px) {
      gap: var(--coze-8)
   }

   :is(.\32xl\:gap-9) {
      gap: 2.25rem
   }

   :is(.\32xl\:gap-96) {
      gap: 24rem
   }

   :is(.\32xl\:gap-96px) {
      gap: var(--coze-96)
   }

   :is(.\32xl\:gap-9px) {
      gap: var(--coze-9)
   }

   :is(.\32xl\:gap-base) {
      gap: 16px
   }

   :is(.\32xl\:gap-base-loose) {
      gap: 20px
   }

   :is(.\32xl\:gap-base-tight) {
      gap: 12px
   }

   :is(.\32xl\:gap-extra-loose) {
      gap: 32px
   }

   :is(.\32xl\:gap-extra-tight) {
      gap: 4px
   }

   :is(.\32xl\:gap-large) {
      gap: var(--coze-40)
   }

   :is(.\32xl\:gap-loose) {
      gap: 24px
   }

   :is(.\32xl\:gap-md) {
      gap: var(--coze-64)
   }

   :is(.\32xl\:gap-mini) {
      gap: var(--coze-16)
   }

   :is(.\32xl\:gap-mm) {
      gap: var(--coze-48)
   }

   :is(.\32xl\:gap-none) {
      gap: 0
   }

   :is(.\32xl\:gap-normal) {
      gap: var(--coze-32)
   }

   :is(.\32xl\:gap-px) {
      gap: 1px
   }

   :is(.\32xl\:gap-small) {
      gap: var(--coze-20)
   }

   :is(.\32xl\:gap-super-loose) {
      gap: 40px
   }

   :is(.\32xl\:gap-super-tight) {
      gap: 2px
   }

   :is(.\32xl\:gap-tight) {
      gap: 8px
   }

   :is(.\32xl\:gap-xl) {
      gap: var(--coze-80)
   }

   :is(.\32xl\:gap-xxl) {
      gap: var(--coze-96)
   }

   :is(.\32xl\:gap-x) {
      column-gap: var(--coze-8)
   }

   :is(.\32xl\:gap-x-0) {
      column-gap: 0
   }

   :is(.\32xl\:gap-x-0\.5) {
      column-gap: .125rem
   }

   :is(.\32xl\:gap-x-1) {
      column-gap: .25rem
   }

   :is(.\32xl\:gap-x-1\.5) {
      column-gap: .375rem
   }

   :is(.\32xl\:gap-x-10) {
      column-gap: 2.5rem
   }

   :is(.\32xl\:gap-x-1080px) {
      column-gap: var(--coze-1080)
   }

   :is(.\32xl\:gap-x-10px) {
      column-gap: var(--coze-10)
   }

   :is(.\32xl\:gap-x-11) {
      column-gap: 2.75rem
   }

   :is(.\32xl\:gap-x-12) {
      column-gap: 3rem
   }

   :is(.\32xl\:gap-x-120px) {
      column-gap: var(--coze-120)
   }

   :is(.\32xl\:gap-x-12px) {
      column-gap: var(--coze-12)
   }

   :is(.\32xl\:gap-x-14) {
      column-gap: 3.5rem
   }

   :is(.\32xl\:gap-x-14px) {
      column-gap: var(--coze-14)
   }

   :is(.\32xl\:gap-x-15px) {
      column-gap: var(--coze-15)
   }

   :is(.\32xl\:gap-x-16) {
      column-gap: 4rem
   }

   :is(.\32xl\:gap-x-160px) {
      column-gap: var(--coze-160)
   }

   :is(.\32xl\:gap-x-16px) {
      column-gap: var(--coze-16)
   }

   :is(.\32xl\:gap-x-18px) {
      column-gap: var(--coze-18)
   }

   :is(.\32xl\:gap-x-1px) {
      column-gap: var(--coze-1)
   }

   :is(.\32xl\:gap-x-2) {
      column-gap: .5rem
   }

   :is(.\32xl\:gap-x-2\.5) {
      column-gap: .625rem
   }

   :is(.\32xl\:gap-x-20) {
      column-gap: 5rem
   }

   :is(.\32xl\:gap-x-200px) {
      column-gap: var(--coze-200)
   }

   :is(.\32xl\:gap-x-20px) {
      column-gap: var(--coze-20)
   }

   :is(.\32xl\:gap-x-22px) {
      column-gap: var(--coze-22)
   }

   :is(.\32xl\:gap-x-24) {
      column-gap: 6rem
   }

   :is(.\32xl\:gap-x-240px) {
      column-gap: var(--coze-240)
   }

   :is(.\32xl\:gap-x-24px) {
      column-gap: var(--coze-24)
   }

   :is(.\32xl\:gap-x-26px) {
      column-gap: var(--coze-26)
   }

   :is(.\32xl\:gap-x-28) {
      column-gap: 7rem
   }

   :is(.\32xl\:gap-x-28px) {
      column-gap: var(--coze-28)
   }

   :is(.\32xl\:gap-x-2px) {
      column-gap: var(--coze-2)
   }

   :is(.\32xl\:gap-x-3) {
      column-gap: .75rem
   }

   :is(.\32xl\:gap-x-3\.5) {
      column-gap: .875rem
   }

   :is(.\32xl\:gap-x-30px) {
      column-gap: var(--coze-30)
   }

   :is(.\32xl\:gap-x-32) {
      column-gap: 8rem
   }

   :is(.\32xl\:gap-x-320px) {
      column-gap: var(--coze-320)
   }

   :is(.\32xl\:gap-x-32px) {
      column-gap: var(--coze-32)
   }

   :is(.\32xl\:gap-x-36) {
      column-gap: 9rem
   }

   :is(.\32xl\:gap-x-3px) {
      column-gap: var(--coze-3)
   }

   :is(.\32xl\:gap-x-4) {
      column-gap: 1rem
   }

   :is(.\32xl\:gap-x-40) {
      column-gap: 10rem
   }

   :is(.\32xl\:gap-x-40px) {
      column-gap: var(--coze-40)
   }

   :is(.\32xl\:gap-x-44) {
      column-gap: 11rem
   }

   :is(.\32xl\:gap-x-48) {
      column-gap: 12rem
   }

   :is(.\32xl\:gap-x-480px) {
      column-gap: var(--coze-480)
   }

   :is(.\32xl\:gap-x-48px) {
      column-gap: var(--coze-48)
   }

   :is(.\32xl\:gap-x-4px) {
      column-gap: var(--coze-4)
   }

   :is(.\32xl\:gap-x-5) {
      column-gap: 1.25rem
   }

   :is(.\32xl\:gap-x-52) {
      column-gap: 13rem
   }

   :is(.\32xl\:gap-x-56) {
      column-gap: 14rem
   }

   :is(.\32xl\:gap-x-5px) {
      column-gap: var(--coze-5)
   }

   :is(.\32xl\:gap-x-6) {
      column-gap: 1.5rem
   }

   :is(.\32xl\:gap-x-60) {
      column-gap: 15rem
   }

   :is(.\32xl\:gap-x-64) {
      column-gap: 16rem
   }

   :is(.\32xl\:gap-x-640px) {
      column-gap: var(--coze-640)
   }

   :is(.\32xl\:gap-x-64px) {
      column-gap: var(--coze-64)
   }

   :is(.\32xl\:gap-x-6px) {
      column-gap: var(--coze-6)
   }

   :is(.\32xl\:gap-x-7) {
      column-gap: 1.75rem
   }

   :is(.\32xl\:gap-x-72) {
      column-gap: 18rem
   }

   :is(.\32xl\:gap-x-8) {
      column-gap: 2rem
   }

   :is(.\32xl\:gap-x-80) {
      column-gap: 20rem
   }

   :is(.\32xl\:gap-x-800px) {
      column-gap: var(--coze-800)
   }

   :is(.\32xl\:gap-x-80px) {
      column-gap: var(--coze-80)
   }

   :is(.\32xl\:gap-x-8px) {
      column-gap: var(--coze-8)
   }

   :is(.\32xl\:gap-x-9) {
      column-gap: 2.25rem
   }

   :is(.\32xl\:gap-x-96) {
      column-gap: 24rem
   }

   :is(.\32xl\:gap-x-96px) {
      column-gap: var(--coze-96)
   }

   :is(.\32xl\:gap-x-9px) {
      column-gap: var(--coze-9)
   }

   :is(.\32xl\:gap-x-base) {
      column-gap: 16px
   }

   :is(.\32xl\:gap-x-base-loose) {
      column-gap: 20px
   }

   :is(.\32xl\:gap-x-base-tight) {
      column-gap: 12px
   }

   :is(.\32xl\:gap-x-extra-loose) {
      column-gap: 32px
   }

   :is(.\32xl\:gap-x-extra-tight) {
      column-gap: 4px
   }

   :is(.\32xl\:gap-x-large) {
      column-gap: var(--coze-40)
   }

   :is(.\32xl\:gap-x-loose) {
      column-gap: 24px
   }

   :is(.\32xl\:gap-x-md) {
      column-gap: var(--coze-64)
   }

   :is(.\32xl\:gap-x-mini) {
      column-gap: var(--coze-16)
   }

   :is(.\32xl\:gap-x-mm) {
      column-gap: var(--coze-48)
   }

   :is(.\32xl\:gap-x-none) {
      column-gap: 0
   }

   :is(.\32xl\:gap-x-normal) {
      column-gap: var(--coze-32)
   }

   :is(.\32xl\:gap-x-px) {
      column-gap: 1px
   }

   :is(.\32xl\:gap-x-small) {
      column-gap: var(--coze-20)
   }

   :is(.\32xl\:gap-x-super-loose) {
      column-gap: 40px
   }

   :is(.\32xl\:gap-x-super-tight) {
      column-gap: 2px
   }

   :is(.\32xl\:gap-x-tight) {
      column-gap: 8px
   }

   :is(.\32xl\:gap-x-xl) {
      column-gap: var(--coze-80)
   }

   :is(.\32xl\:gap-x-xxl) {
      column-gap: var(--coze-96)
   }

   :is(.\32xl\:gap-y) {
      row-gap: var(--coze-8)
   }

   :is(.\32xl\:gap-y-0) {
      row-gap: 0
   }

   :is(.\32xl\:gap-y-0\.5) {
      row-gap: .125rem
   }

   :is(.\32xl\:gap-y-1) {
      row-gap: .25rem
   }

   :is(.\32xl\:gap-y-1\.5) {
      row-gap: .375rem
   }

   :is(.\32xl\:gap-y-10) {
      row-gap: 2.5rem
   }

   :is(.\32xl\:gap-y-1080px) {
      row-gap: var(--coze-1080)
   }

   :is(.\32xl\:gap-y-10px) {
      row-gap: var(--coze-10)
   }

   :is(.\32xl\:gap-y-11) {
      row-gap: 2.75rem
   }

   :is(.\32xl\:gap-y-12) {
      row-gap: 3rem
   }

   :is(.\32xl\:gap-y-120px) {
      row-gap: var(--coze-120)
   }

   :is(.\32xl\:gap-y-12px) {
      row-gap: var(--coze-12)
   }

   :is(.\32xl\:gap-y-14) {
      row-gap: 3.5rem
   }

   :is(.\32xl\:gap-y-14px) {
      row-gap: var(--coze-14)
   }

   :is(.\32xl\:gap-y-15px) {
      row-gap: var(--coze-15)
   }

   :is(.\32xl\:gap-y-16) {
      row-gap: 4rem
   }

   :is(.\32xl\:gap-y-160px) {
      row-gap: var(--coze-160)
   }

   :is(.\32xl\:gap-y-16px) {
      row-gap: var(--coze-16)
   }

   :is(.\32xl\:gap-y-18px) {
      row-gap: var(--coze-18)
   }

   :is(.\32xl\:gap-y-1px) {
      row-gap: var(--coze-1)
   }

   :is(.\32xl\:gap-y-2) {
      row-gap: .5rem
   }

   :is(.\32xl\:gap-y-2\.5) {
      row-gap: .625rem
   }

   :is(.\32xl\:gap-y-20) {
      row-gap: 5rem
   }

   :is(.\32xl\:gap-y-200px) {
      row-gap: var(--coze-200)
   }

   :is(.\32xl\:gap-y-20px) {
      row-gap: var(--coze-20)
   }

   :is(.\32xl\:gap-y-22px) {
      row-gap: var(--coze-22)
   }

   :is(.\32xl\:gap-y-24) {
      row-gap: 6rem
   }

   :is(.\32xl\:gap-y-240px) {
      row-gap: var(--coze-240)
   }

   :is(.\32xl\:gap-y-24px) {
      row-gap: var(--coze-24)
   }

   :is(.\32xl\:gap-y-26px) {
      row-gap: var(--coze-26)
   }

   :is(.\32xl\:gap-y-28) {
      row-gap: 7rem
   }

   :is(.\32xl\:gap-y-28px) {
      row-gap: var(--coze-28)
   }

   :is(.\32xl\:gap-y-2px) {
      row-gap: var(--coze-2)
   }

   :is(.\32xl\:gap-y-3) {
      row-gap: .75rem
   }

   :is(.\32xl\:gap-y-3\.5) {
      row-gap: .875rem
   }

   :is(.\32xl\:gap-y-30px) {
      row-gap: var(--coze-30)
   }

   :is(.\32xl\:gap-y-32) {
      row-gap: 8rem
   }

   :is(.\32xl\:gap-y-320px) {
      row-gap: var(--coze-320)
   }

   :is(.\32xl\:gap-y-32px) {
      row-gap: var(--coze-32)
   }

   :is(.\32xl\:gap-y-36) {
      row-gap: 9rem
   }

   :is(.\32xl\:gap-y-3px) {
      row-gap: var(--coze-3)
   }

   :is(.\32xl\:gap-y-4) {
      row-gap: 1rem
   }

   :is(.\32xl\:gap-y-40) {
      row-gap: 10rem
   }

   :is(.\32xl\:gap-y-40px) {
      row-gap: var(--coze-40)
   }

   :is(.\32xl\:gap-y-44) {
      row-gap: 11rem
   }

   :is(.\32xl\:gap-y-48) {
      row-gap: 12rem
   }

   :is(.\32xl\:gap-y-480px) {
      row-gap: var(--coze-480)
   }

   :is(.\32xl\:gap-y-48px) {
      row-gap: var(--coze-48)
   }

   :is(.\32xl\:gap-y-4px) {
      row-gap: var(--coze-4)
   }

   :is(.\32xl\:gap-y-5) {
      row-gap: 1.25rem
   }

   :is(.\32xl\:gap-y-52) {
      row-gap: 13rem
   }

   :is(.\32xl\:gap-y-56) {
      row-gap: 14rem
   }

   :is(.\32xl\:gap-y-5px) {
      row-gap: var(--coze-5)
   }

   :is(.\32xl\:gap-y-6) {
      row-gap: 1.5rem
   }

   :is(.\32xl\:gap-y-60) {
      row-gap: 15rem
   }

   :is(.\32xl\:gap-y-64) {
      row-gap: 16rem
   }

   :is(.\32xl\:gap-y-640px) {
      row-gap: var(--coze-640)
   }

   :is(.\32xl\:gap-y-64px) {
      row-gap: var(--coze-64)
   }

   :is(.\32xl\:gap-y-6px) {
      row-gap: var(--coze-6)
   }

   :is(.\32xl\:gap-y-7) {
      row-gap: 1.75rem
   }

   :is(.\32xl\:gap-y-72) {
      row-gap: 18rem
   }

   :is(.\32xl\:gap-y-8) {
      row-gap: 2rem
   }

   :is(.\32xl\:gap-y-80) {
      row-gap: 20rem
   }

   :is(.\32xl\:gap-y-800px) {
      row-gap: var(--coze-800)
   }

   :is(.\32xl\:gap-y-80px) {
      row-gap: var(--coze-80)
   }

   :is(.\32xl\:gap-y-8px) {
      row-gap: var(--coze-8)
   }

   :is(.\32xl\:gap-y-9) {
      row-gap: 2.25rem
   }

   :is(.\32xl\:gap-y-96) {
      row-gap: 24rem
   }

   :is(.\32xl\:gap-y-96px) {
      row-gap: var(--coze-96)
   }

   :is(.\32xl\:gap-y-9px) {
      row-gap: var(--coze-9)
   }

   :is(.\32xl\:gap-y-base) {
      row-gap: 16px
   }

   :is(.\32xl\:gap-y-base-loose) {
      row-gap: 20px
   }

   :is(.\32xl\:gap-y-base-tight) {
      row-gap: 12px
   }

   :is(.\32xl\:gap-y-extra-loose) {
      row-gap: 32px
   }

   :is(.\32xl\:gap-y-extra-tight) {
      row-gap: 4px
   }

   :is(.\32xl\:gap-y-large) {
      row-gap: var(--coze-40)
   }

   :is(.\32xl\:gap-y-loose) {
      row-gap: 24px
   }

   :is(.\32xl\:gap-y-md) {
      row-gap: var(--coze-64)
   }

   :is(.\32xl\:gap-y-mini) {
      row-gap: var(--coze-16)
   }

   :is(.\32xl\:gap-y-mm) {
      row-gap: var(--coze-48)
   }

   :is(.\32xl\:gap-y-none) {
      row-gap: 0
   }

   :is(.\32xl\:gap-y-normal) {
      row-gap: var(--coze-32)
   }

   :is(.\32xl\:gap-y-px) {
      row-gap: 1px
   }

   :is(.\32xl\:gap-y-small) {
      row-gap: var(--coze-20)
   }

   :is(.\32xl\:gap-y-super-loose) {
      row-gap: 40px
   }

   :is(.\32xl\:gap-y-super-tight) {
      row-gap: 2px
   }

   :is(.\32xl\:gap-y-tight) {
      row-gap: 8px
   }

   :is(.\32xl\:gap-y-xl) {
      row-gap: var(--coze-80)
   }

   :is(.\32xl\:gap-y-xxl) {
      row-gap: var(--coze-96)
   }
}

:is(.\[\&\>\*\]\:h-full>*) {
   height: 100%
}

:is(.\[\&\>\*\]\:w-full>*) {
   width: 100%
}

:is(.\[\&\>\*\]\:\!coz-fg-primary>*) {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha)) !important
}

:is(.\[\&\>\.semi-tabs-bar\>\.semi-tabs-tab-active\]\:\!coz-fg-hglt>.semi-tabs-bar>.semi-tabs-tab-active) {
   color: rgba(var(--coze-brand-5), 1) !important
}

:is(.\[\&\>\.semi-tabs-bar\>\.semi-tabs-tab-button\]\:\!p-0>.semi-tabs-bar>.semi-tabs-tab-button) {
   padding: 0 !important
}

:is(.\[\&\>\.semi-tabs-bar\>\.semi-tabs-tab-button\]\:text-xxl>.semi-tabs-bar>.semi-tabs-tab-button) {
   font-size: var(--coze-16)
}

:is(.\[\&\>\.semi-tabs-bar\>\.semi-tabs-tab-button\]\:font-medium>.semi-tabs-bar>.semi-tabs-tab-button) {
   font-weight: 500
}

:is(.\[\&\>\.semi-tabs-bar\]\:sticky>.semi-tabs-bar) {
   position: -webkit-sticky;
   position: sticky
}

:is(.\[\&\>\.semi-tabs-bar\]\:top-0>.semi-tabs-bar) {
   top: 0
}

:is(.\[\&\>\.semi-tabs-bar\]\:flex>.semi-tabs-bar) {
   display: flex
}

:is(.\[\&\>\.semi-tabs-bar\]\:h-12>.semi-tabs-bar) {
   height: 3rem
}

:is(.\[\&\>\.semi-tabs-bar\]\:items-center>.semi-tabs-bar) {
   align-items: center
}

:is(.\[\&\>\.semi-tabs-bar\]\:gap-4>.semi-tabs-bar) {
   gap: 1rem
}

:is(.\[\&\>\.semi-tabs-bar\]\:border-0>.semi-tabs-bar) {
   border-width: 0
}

:is(.\[\&\>\.semi-tabs-bar\]\:border-b>.semi-tabs-bar) {
   border-bottom-width: var(--coze-1)
}

:is(.\[\&\>\.semi-tabs-bar\]\:border-solid>.semi-tabs-bar) {
   border-style: solid
}

:is(.\[\&\>\.semi-tabs-bar\]\:px-4>.semi-tabs-bar) {
   padding-left: 1rem;
   padding-right: 1rem
}

:is(.\[\&\>\.semi-tabs-bar\]\:coz-stroke-primary>.semi-tabs-bar) {
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

:is(.\[\&\>\.semi-tabs-content\>\.semi-tabs-pane\>\.semi-tabs-pane-motion-overlay\]\:h-full>.semi-tabs-content>.semi-tabs-pane>.semi-tabs-pane-motion-overlay) {
   height: 100%
}

:is(.\[\&\>\.semi-tabs-content\>\.semi-tabs-pane\]\:h-full>.semi-tabs-content>.semi-tabs-pane) {
   height: 100%
}

:is(.\[\&\>\.semi-tabs-content\]\:h-\[calc\(100\%_-_48px\)\]>.semi-tabs-content) {
   height: calc(100% - 48px)
}

:is(.\[\&\>\.semi-tabs-content\]\:overflow-hidden>.semi-tabs-content) {
   overflow: hidden
}

:is(.\[\&\>\.semi-tabs-content\]\:\!p-0>.semi-tabs-content) {
   padding: 0 !important
}

:is(.\[\&\>div\:first-child\]\:h-full>div:first-child) {
   height: 100%
}

:is(.\[\&\>div\]\:pb-\[24px\]>div) {
   padding-bottom: 24px
}

:is(.\[\&\>div\]\:pt-\[4px\]>div) {
   padding-top: 4px
}

:is(.\[\&\>svg\]\:h-\[140px\]>svg) {
   height: 140px
}

:is(.\[\&\>svg\]\:w-\[140px\]>svg) {
   width: 140px
}

:is(.\[\&\[aria-invalid\]_\.coz-date-picker-select\]\:coz-stroke-hglt-red[aria-invalid] .coz-date-picker-select) {
   border-color: rgba(var(--coze-red-5), 1)
}

:is(.\[\&_\.cm-editor\]\:h-full .cm-editor) {
   height: 100%
}

:is(.\[\&_\.cm-placeholder\]\:\!h-full .cm-placeholder) {
   height: 100% !important
}

:is(.\[\&_\.coz-date-picker-select\]\:w-full .coz-date-picker-select) {
   width: 100%
}

:is(.\[\&_\.coz-item-text\.coz-item-text-selection\]\:w-full .coz-item-text.coz-item-text-selection) {
   width: 100%
}

:is(.\[\&_\.coz-item-text\.coz-item-text-selection\]\:overflow-hidden .coz-item-text.coz-item-text-selection) {
   overflow: hidden
}

:is(.\[\&_\.coz-item-text\]\:w-full .coz-item-text) {
   width: 100%
}

:is(.\[\&_\.coz-tab-bar-content\]\:h-full .coz-tab-bar-content) {
   height: 100%
}

:is(.\[\&_\.coz-table-spin\]\:h-\[224px\] .coz-table-spin) {
   height: 224px
}

:is(.\[\&_\.coz-table-spin\]\:h-\[288px\] .coz-table-spin) {
   height: 288px
}

:is(.\[\&_\.option-text-wrapper\]\:overflow-hidden .option-text-wrapper) {
   overflow: hidden
}

:is(.\[\&_\.process-progress-item-actions\]\:\!block .process-progress-item-actions) {
   display: block !important
}

:is(.\[\&_\.semi-checkbox-content\]\:overflow-hidden .semi-checkbox-content) {
   overflow: hidden
}

:is(.\[\&_\.semi-datepicker-input\]\:w-full .semi-datepicker-input) {
   width: 100%
}

:is(.\[\&_\.semi-form-field-error-message\]\:absolute .semi-form-field-error-message) {
   position: absolute
}

:is(.\[\&_\.semi-form-field-error-message\]\:text-\[12px\] .semi-form-field-error-message) {
   font-size: 12px
}

:is(.\[\&_\.semi-form-field-error-message\]\:font-\[400\] .semi-form-field-error-message) {
   font-weight: 400
}

:is(.\[\&_\.semi-form-field-error-message\]\:leading-\[16px\] .semi-form-field-error-message) {
   line-height: 16px
}

:is(.\[\&_\.semi-form-field-extra\]\:coz-fg-primary .semi-form-field-extra) {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

:is(.\[\&_\.semi-form-field-help-text\]\:\!coz-fg-hglt-red .semi-form-field-help-text) {
   color: rgba(var(--coze-red-5), 1) !important
}

:is(.\[\&_\.semi-form-field-label\]\:leading-\[20px\] .semi-form-field-label) {
   line-height: 20px
}

:is(.\[\&_\.semi-form-field\]\:\!p-0 .semi-form-field) {
   padding: 0 !important
}

:is(.\[\&_\.semi-form-field\]\:p-0 .semi-form-field) {
   padding: 0
}

:is(.\[\&_\.semi-form-field\]\:py-0 .semi-form-field) {
   padding-bottom: 0;
   padding-top: 0
}

:is(.\[\&_\.semi-form-field\]\:\!pt-0 .semi-form-field) {
   padding-top: 0 !important
}

:is(.\[\&_\.semi-icon-default\]\:h-full .semi-icon-default) {
   height: 100%
}

:is(.\[\&_\.semi-icon-default\]\:w-full .semi-icon-default) {
   width: 100%
}

:is(.\[\&_\.semi-input-number-suffix-btns\]\:\!h-auto .semi-input-number-suffix-btns) {
   height: auto !important
}

:is(.\[\&_\.semi-input-wrapper\.semi-input-wrapper-error\]\:coz-stroke-hglt-red .semi-input-wrapper.semi-input-wrapper-error) {
   border-color: rgba(var(--coze-red-5), 1)
}

:is(.\[\&_\.semi-input-wrapper\]\:\!coz-stroke-plus .semi-input-wrapper) {
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha)) !important
}

:is(.\[\&_\.semi-input-wrapper\]\:coz-stroke-plus .semi-input-wrapper) {
   border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha))
}

:is(.focus-within\:\[\&_\.semi-input-wrapper\]\:coz-stroke-hglt .semi-input-wrapper:focus-within) {
   border-color: rgba(var(--coze-brand-5), 1)
}

:is(.\[\&_\.semi-modal-content\]\:min-h-\[520px\] .semi-modal-content) {
   min-height: 520px
}

:is(.\[\&_\.semi-modal-content\]\:\!p-0 .semi-modal-content) {
   padding: 0 !important
}

:is(.\[\&_\.semi-modal-content\]\:\!px-3 .semi-modal-content) {
   padding-left: .75rem !important;
   padding-right: .75rem !important
}

:is(.\[\&_\.semi-modal-content\]\:\!pb-0 .semi-modal-content) {
   padding-bottom: 0 !important
}

:is(.\[\&_\.semi-modal-content\]\:\!coz-bg-max .semi-modal-content) {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha)) !important
}

:is(.\[\&_\.semi-modal-footer\]\:hidden .semi-modal-footer) {
   display: none
}

:is(.\[\&_\.semi-modal-header\]\:flex .semi-modal-header) {
   display: flex
}

:is(.\[\&_\.semi-modal-header\]\:items-center .semi-modal-header) {
   align-items: center
}

:is(.\[\&_\.semi-modal-header\]\:px-3 .semi-modal-header) {
   padding-left: .75rem;
   padding-right: .75rem
}

:is(.\[\&_\.semi-radio-addon-buttonRadio\]\:rounded-\[6px\] .semi-radio-addon-buttonRadio) {
   border-radius: 6px
}

:is(.\[\&_\.semi-select-loading-wrapper\]\:text-center .semi-select-loading-wrapper) {
   text-align: center
}

:is(.\[\&_\.semi-select-selection-text\]\:\!text-\[12px\] .semi-select-selection-text) {
   font-size: 12px !important
}

:is(.\[\&_\.semi-select\]\:\!bg-transparent .semi-select) {
   background-color: transparent !important
}

:is(.\[\&_\.semi-steps-item-title\]\:\!max-w-\[unset\] .semi-steps-item-title) {
   max-width: unset !important
}

:is(.\[\&_\.semi-steps-item\]\:flex-none .semi-steps-item) {
   flex: none
}

:is(.\[\&_\.semi-table-cell-fixed-left-last\]\:\!coz-bg-max .semi-table-cell-fixed-left-last) {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha)) !important
}

:is(.\[\&_\.semi-table-header_table\]\:\!h-\[28px\] .semi-table-header table) {
   height: 28px !important
}

:is(.\[\&_\.semi-table-row-cell\]\:\!h-\[56px\] .semi-table-row-cell) {
   height: 56px !important
}

:is(.\[\&_\.semi-table-row-cell\]\:\!h-\[unset\] .semi-table-row-cell) {
   height: unset !important
}

:is(.\[\&_\.semi-table-row-cell\]\:\!border-b-0 .semi-table-row-cell) {
   border-bottom-width: 0 !important
}

:is(.\[\&_\.semi-table-row-cell\]\:\!bg-transparent .semi-table-row-cell) {
   background-color: transparent !important
}

:is(.\[\&_\.semi-table-row-cell\]\:\!bg-none .semi-table-row-cell) {
   background-image: none !important
}

:is(.\[\&_\.semi-table-row-cell\]\:text-\[14px\] .semi-table-row-cell) {
   font-size: 14px
}

:is(.\[\&_\.semi-table-row-head\]\:\!border-b-\[1px\] .semi-table-row-head) {
   border-bottom-width: 1px !important
}

:is(.\[\&_\.semi-table-row-head\]\:\!bg-transparent .semi-table-row-head) {
   background-color: transparent !important
}

:is(.\[\&_\.semi-table-row\]\:\!bg-transparent .semi-table-row) {
   background-color: transparent !important
}

:is(.\[\&_\.semi-tabs-content\]\:grow .semi-tabs-content) {
   flex-grow: 1
}

:is(.\[\&_\.semi-tabs-content\]\:overflow-hidden .semi-tabs-content) {
   overflow: hidden
}

:is(.\[\&_\.semi-tabs-content\]\:p-0 .semi-tabs-content) {
   padding: 0
}

:is(.\[\&_\.semi-tabs-pane-active\]\:h-full .semi-tabs-pane-active) {
   height: 100%
}

:is(.\[\&_\.semi-tabs-pane-motion-overlay\]\:h-full .semi-tabs-pane-motion-overlay) {
   height: 100%
}

:is(.\[\&_\.semi-tabs-pane-motion-overlay\]\:overflow-auto .semi-tabs-pane-motion-overlay) {
   overflow: auto
}

:is(.\[\&_\.semi-tag-content\]\:font-medium .semi-tag-content) {
   font-weight: 500
}

:is(.\[\&_\.semi-tag\]\:font-medium .semi-tag) {
   font-weight: 500
}

:is(.\[\&_\.semi-tag_\.semi-avatar\]\:hidden .semi-tag .semi-avatar) {
   display: none
}

:is(.\[\&_\.semi-tooltip-content\]\:line-clamp-5 .semi-tooltip-content) {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
   display: -webkit-box;
   overflow: hidden
}

:is(.\[\&_\.semi-tooltip-content\]\:max-h-\[110px\] .semi-tooltip-content) {
   max-height: 110px
}

:is(.\[\&_\.semi-tree-option-list-block_\.semi-tree-option\:active\]\:bg-transparent .semi-tree-option-list-block .semi-tree-option:active) {
   background-color: transparent
}

:is(.\[\&_\.semi-tree-option-list-block_\.semi-tree-option\:hover\]\:bg-inherit .semi-tree-option-list-block .semi-tree-option:hover) {
   background-color: inherit
}

:is(.\[\&_\.semi-tree-option-list-block_\.semi-tree-option\:hover\]\:bg-transparent .semi-tree-option-list-block .semi-tree-option:hover) {
   background-color: transparent
}

:is(.\[\&_\.semi-tree-option-list\>div\:first-child\]\:mt-0 .semi-tree-option-list>div:first-child) {
   margin-top: 0
}

:is(.\[\&_\.semi-tree-option-list\]\:overflow-visible .semi-tree-option-list) {
   overflow: visible
}

:is(.\[\&_\.semi-tree-option-list\]\:p-0 .semi-tree-option-list) {
   padding: 0
}

:is(.\[\&_\.semi-tree-option\]\:\!pl-2 .semi-tree-option) {
   padding-left: .5rem !important
}

:is(.\[\&_\.semi-upload-drag-area\]\:\!h-\[290px\] .semi-upload-drag-area) {
   height: 290px !important
}

:is(.\[\&_\.semi-upload\]\:\!h-\[80px\] .semi-upload) {
   height: 80px !important
}

:is(.\[\&_\.semi-upload\]\:\!h-\[88px\] .semi-upload) {
   height: 88px !important
}

:is(.\[\&_\.semi-upload\]\:\!w-\[80px\] .semi-upload) {
   width: 80px !important
}

:is(.\[\&_\.semi-upload\]\:\!w-\[88px\] .semi-upload) {
   width: 88px !important
}

:is(.\[\&_\>\.semi-steps-horizontal\.semi-steps-hasline_\.semi-steps-item-title\]\:\!coz-fg-secondary>.semi-steps-horizontal.semi-steps-hasline .semi-steps-item-title) {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha)) !important
}

:is(.\[\&_\>\.semi-steps-item\.semi-steps-item-finish_\.semi-steps-item-title\]\:\!font-normal>.semi-steps-item.semi-steps-item-finish .semi-steps-item-title) {
   font-weight: 400 !important
}

:is(.\[\&_\>\.semi-steps-item\.semi-steps-item-finish_\.semi-steps-item-title\]\:\!coz-fg-secondary>.semi-steps-item.semi-steps-item-finish .semi-steps-item-title) {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha)) !important
}

:is(.\[\&_\>\.semi-steps-item\.semi-steps-item-process_\.semi-steps-item-title\]\:\!font-medium>.semi-steps-item.semi-steps-item-process .semi-steps-item-title) {
   font-weight: 500 !important
}

:is(.\[\&_\>\.semi-steps-item\.semi-steps-item-process_\.semi-steps-item-title\]\:\!coz-fg-hglt>.semi-steps-item.semi-steps-item-process .semi-steps-item-title) {
   color: rgba(var(--coze-brand-5), 1) !important
}

:is(.\[\&_\>\.semi-steps-item\.semi-steps-item-wait_\.semi-steps-item-title\]\:\!font-normal>.semi-steps-item.semi-steps-item-wait .semi-steps-item-title) {
   font-weight: 400 !important
}

:is(.\[\&_\>\.semi-steps-item\.semi-steps-item-wait_\.semi-steps-item-title\]\:\!coz-fg-secondary>.semi-steps-item.semi-steps-item-wait .semi-steps-item-title) {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha)) !important
}

:is(.\[\&_svg\]\:h-3 svg) {
   height: .75rem
}

:is(.\[\&_svg\]\:h-full svg) {
   height: 100%
}

:is(.\[\&_svg\]\:w-3 svg) {
   width: .75rem
}

:is(.\[\&_svg\]\:w-full svg) {
   width: 100%
}

:is(.\[\&_td\.semi-table-row-cell\]\:\!h-\[24px\] td.semi-table-row-cell) {
   height: 24px !important
}

@media(min-width:1600px) {
   :is(.\[\@media\(min-width\:1600px\)\]\:grid-cols-4) {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }
}

body,
html {
   background: linear-gradient(180deg, transparent, #fff) #eceeef;
   font-family: PingFang SC, Noto Sans SC, sans-serif;
   height: 100%;
   margin: 0;
   min-height: 600px;
   min-width: 1200px;
   padding: 0;
   width: 100%
}

body {
   line-height: 1.5
}

#root {
   height: 100%;
   width: 100%
}

p {
   margin: 0
}

* {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   box-sizing: border-box;
   font-family: PingFang SC, Noto Sans SC, sans-serif
}

a:focus,
a:focus-visible,
div:focus,
div:focus-visible,
input:focus,
input:focus-visible,
li:focus,
li:focus-visible,
p:focus,
p:focus-visible,
svg:focus {
   -webkit-tap-highlight-color: rgb(0 0 0/0/0);
   outline: none
}

.operation-admin-base-header {
   align-items: flex-end;
   background-color: #fff;
   border-bottom: 1px solid rgba(46, 50, 56, .05);
   display: flex;
   height: 56px;
   justify-content: space-between;
   line-height: 56px
}

.operation-admin-base-header .semi-tabs-content {
   display: none
}

.operation-admin-base-header-title {
   align-items: center;
   color: var(--light-color-grey-grey-9, #1c1f23);
   display: flex;
   font-size: 18px;
   line-height: 24px;
   margin: 12px 24px
}

.operation-admin-base-header-title * {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.operation-admin-base-header-title .universe-icon {
   margin-right: 6px
}

.operation-admin-base-header-user-avatar {
   height: 24px;
   width: 24px
}

.operation-admin-base-header-avatar-method-block {
   display: flex;
   justify-content: center;
   padding: 8px;
   width: 100%
}

.operation-admin-base-header-avatar-sign-out {
   text-align: center
}

.operation-admin-base-aside,
.operation-admin-base-aside .ud__layout__sider-trigger {
   border-right: 1px solid #e5e7eb
}

.operation-admin-base-app {
   height: 100%
}

.operation-admin-base-module-content {
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   overflow-y: auto
}

.operation-admin-base-module-content[app-name=build_bot],
.operation-admin-base-module-content[app-name=discover],
.operation-admin-base-module-content[app-name=playground_prompt] {
   background-color: #fff
}

.operation-admin-base-404 {
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center;
   width: 100%
}

.no-permission {
   border: 20px solid #f2f3f5;
   height: calc(100vh - 64px)
}

.error-wrapper,
.operation-admin-no-permission {
   align-items: center;
   display: flex;
   height: 100%;
   width: 100%
}

.operation-admin-no-permission {
   justify-content: center
}

.operation-admin-base-main-content {
   overflow: hidden
}

.operation-admin-base-header-name {
   font-size: 14px;
   font-weight: 700;
   line-height: 22px;
   padding: 8px;
   padding-bottom: 0
}

.bp5-overflow-list {
   display: flex;
   flex-wrap: nowrap;
   min-width: 0
}

.bp5-overflow-list-spacer {
   flex-shrink: 1;
   width: 1px
}

.styled-scrollbar::-webkit-scrollbar-thumb {
   background-clip: padding-box;
   background-color: rgba(31, 35, 41, .3);
   border: 2px solid transparent;
   border-radius: 9999px;
   -webkit-transition: background .2s cubic-bezier(.34, .69, .1, 1);
   transition: background .2s cubic-bezier(.34, .69, .1, 1)
}

.styled-scrollbar::-webkit-scrollbar {
   background-color: transparent;
   display: inline-block;
   height: 11px;
   width: 11px
}

.styled-scrollbar::-webkit-scrollbar-thumb:hover {
   background-color: rgba(31, 35, 41, .6)
}

.styled-scrollbar::-webkit-scrollbar:hover {
   height: 11px;
   width: 11px
}

.styled-scrollbar::-webkit-scrollbar-button {
   display: none
}

.styled-scrollbar::-webkit-scrollbar-corner,
.styled-scrollbar::-webkit-scrollbar-track {
   background-color: transparent
}

.footer-container--M9_HRyG51PMKjdnF {
   padding: 12px 0 28px;
   text-align: center
}

.footer-container--M9_HRyG51PMKjdnF * {
   vertical-align: middle
}

.footer-container--M9_HRyG51PMKjdnF .error-retry--Pur2SxY_ssUn1mTI,
.footer-container--M9_HRyG51PMKjdnF .loading--szc7d9YQ1UAN_B5c {
   color: var(--semi-color-text-3, rgba(29, 28, 35, .35));
   line-height: 20px;
   margin-left: 10px
}

.footer-container--M9_HRyG51PMKjdnF .error-retry--Pur2SxY_ssUn1mTI {
   color: var(--semi-color-focus-border, #4d53e8);
   cursor: pointer
}

.footer-container--M9_HRyG51PMKjdnF .semi-spin-middle>.semi-spin-wrapper {
   height: 16px
}

.footer-container--M9_HRyG51PMKjdnF .semi-spin-middle>.semi-spin-wrapper svg {
   height: 16px;
   width: 16px
}

.footer-container--M9_HRyG51PMKjdnF .load-more-btn--O9mKLo1uOIAz2cD1 {
   background: #fff;
   border-radius: 40px;
   font-weight: 600
}

.footer-container--M9_HRyG51PMKjdnF .load-more-btn--O9mKLo1uOIAz2cD1 span {
   color: #1d1c23
}

.footer-container--M9_HRyG51PMKjdnF .load-more-btn--O9mKLo1uOIAz2cD1:hover {
   background: #fff;
   border: none
}

.footer-container--M9_HRyG51PMKjdnF.responseive-foot-container--qg69fyHdfn4GPEcD {
   padding: 0 0 16px
}

.footer-container--M9_HRyG51PMKjdnF.responseive-foot-container--qg69fyHdfn4GPEcD .load-more-btn--O9mKLo1uOIAz2cD1 {
   height: 40px;
   padding: 16px 24px
}

.height-whole-100--T2eJgeAZiWIML9AZ {
   height: 100%;
   overflow: visible
}

.height-whole-100--T2eJgeAZiWIML9AZ .spin--VQ7G3l56PL0U9sIV {
   display: block;
   height: 100%;
   width: 100%
}

.height-whole-100--T2eJgeAZiWIML9AZ .spin--VQ7G3l56PL0U9sIV .semi-spin-wrapper {
   display: flex;
   justify-content: center;
   position: absolute
}

.height-whole-100--T2eJgeAZiWIML9AZ .spin--VQ7G3l56PL0U9sIV .semi-spin-wrapper svg {
   height: 24px;
   width: 24px
}

.height-whole-100--T2eJgeAZiWIML9AZ .spin--VQ7G3l56PL0U9sIV .semi-tabs-content {
   padding: 0
}

.height-whole-100--T2eJgeAZiWIML9AZ .spin--VQ7G3l56PL0U9sIV .semi-spin-children {
   height: 100%
}

.height-whole-100--T2eJgeAZiWIML9AZ .spin--VQ7G3l56PL0U9sIV .loading-text--YN4LoBcaMY2NEZzR {
   color: var(--semi-color-text-3, rgba(29, 28, 35, .35));
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   margin-left: 8px
}

.favoriteIconBtn--T9_OldlUqcHlvdQ2 {
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center;
   width: 100%
}

.iconFilled--hgtrmAaQVBAG1OID {
   width: 100%
}

.iconFilled--hgtrmAaQVBAG1OID path {
   fill: #ffcc12
}

.iconStroked--Mfu5BnjDiceY8bM7 {
   width: 100%
}

.iconStroked--Mfu5BnjDiceY8bM7 path {
   fill: rgba(29, 28, 35, .35)
}

.showAni--HiWaJZL626ImLOWQ {
   animation-duration: .6s;
   animation-name: ani--qLcFr3i5L9QG0yN4
}

.showBtn--P1mCxCMhaEAl6rH8.iconStroked--Mfu5BnjDiceY8bM7 {
   width: 100%
}

.showBtn--P1mCxCMhaEAl6rH8.iconStroked--Mfu5BnjDiceY8bM7 path {
   fill: var(--coz-fg-primary)
}

@keyframes ani--qLcFr3i5L9QG0yN4 {
   0% {
      transform: scale(0)
   }

   38% {
      transform: scale(1.11)
   }

   64% {
      transform: scale(.99)
   }

   74%,
   to {
      transform: scale(1)
   }
}

.favorite-btn--z5IBwvN0OAjVOIY9 {
   color: #1d1c23
}

.favorite-btn--z5IBwvN0OAjVOIY9 .semi-button-content-right {
   color: #1d1c23;
   margin-left: 4px
}

.favorite-btn--z5IBwvN0OAjVOIY9.dark--OhnO42w3a2Y5jGFJ .un-collected--e8bnBkp7YtELbUKX path {
   fill: #1d1c23
}

.link--vovD4_P1xRs9N70x {
   display: block;
   padding: 6px 16px;
   text-decoration: none
}

.link--vovD4_P1xRs9N70x.disabled--yTKZy1A_7tskut0A {
   cursor: not-allowed;
   opacity: .5
}

.link--vovD4_P1xRs9N70x .container--X87VsE2NDvEgQ8ej.containerWeight--MZ2R85KlkW4Upd0T {
   align-items: center;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   display: flex;
   font-size: 14px;
   font-weight: 600;
   height: 20px;
   justify-content: center;
   letter-spacing: 0;
   line-height: 20px;
   text-align: left
}

.link--vovD4_P1xRs9N70x .container--X87VsE2NDvEgQ8ej.containerWeight--MZ2R85KlkW4Upd0T svg path {
   stroke: var(--coz-fg-secondary)
}

.link--vovD4_P1xRs9N70x:hover:not(.link--vovD4_P1xRs9N70x.disabled--yTKZy1A_7tskut0A) .container--X87VsE2NDvEgQ8ej.containerWeight--MZ2R85KlkW4Upd0T {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   cursor: pointer
}

.link--vovD4_P1xRs9N70x:hover:not(.link--vovD4_P1xRs9N70x.disabled--yTKZy1A_7tskut0A) .container--X87VsE2NDvEgQ8ej.containerWeight--MZ2R85KlkW4Upd0T svg path {
   stroke: var(--coz-fg-primary)
}

.link--vovD4_P1xRs9N70x:active:not(.link--vovD4_P1xRs9N70x.disabled--yTKZy1A_7tskut0A) {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
   border-radius: 6px
}

.container--FLKg3AcYpTs2EGPJ .semi-modal-content {
   padding: 0 32px
}

.container--FLKg3AcYpTs2EGPJ .semi-modal-header {
   margin-bottom: 4px
}

.container--FLKg3AcYpTs2EGPJ .semi-modal-close {
   position: relative;
   right: -16px;
   top: -8px
}

.container--FLKg3AcYpTs2EGPJ .desc--awuKFwSxFcUEWdt6 {
   color: #1d1c23;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   width: 100%
}

.container--FLKg3AcYpTs2EGPJ .footer-container--cts4Eu2tZbUmOQMA {
   align-items: center;
   display: flex;
   margin-top: 16px
}

.container--FLKg3AcYpTs2EGPJ .footer-container--cts4Eu2tZbUmOQMA .got-it-btn--cJmvo0x_opgweveF {
   margin-left: auto;
   margin-right: 0
}

.container--FLKg3AcYpTs2EGPJ .footer-container--cts4Eu2tZbUmOQMA .hide-box-checkbox--xFsJxQz0m40aSOol {
   color: #1c1d23
}

.wrapper--_WT2MV9RLIPGnig8 {
   align-items: center;
   display: flex;
   flex-direction: column;
   gap: 8px;
   justify-content: center;
   padding: 12px 12px 8px
}

.share-button--dZLbZLoaEwo4SWkV {
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 22px
}

.share-content--YKk2zbtyPki1HmrT {
   max-width: 280px;
   padding: 20px
}

.share-content--YKk2zbtyPki1HmrT .bot-avatar--_zbWD3OGvxMG29Rq {
   border-radius: 10px;
   box-shadow: var(--coze-shadow-large, 0 4px 12px 0 rgba(0, 0, 0, .25));
   height: 240px;
   width: 240px
}

.share-content--YKk2zbtyPki1HmrT .channels--W0WM3a8UJcYWvUIC {
   display: grid;
   gap: 10px 20px;
   grid-template-columns: repeat(4, 1fr)
}

.share-content--YKk2zbtyPki1HmrT .channel-logo--YHKE3ggnQW8ZzN59 {
   background-color: #f2f3f5;
   height: 40px;
   width: 40px
}

.share-content--YKk2zbtyPki1HmrT .channel-copy--xVMLVQXf8008VB5y {
   display: flex;
   gap: 4px;
   max-width: 100%
}

.share-content--YKk2zbtyPki1HmrT .channel-copy-link--AghiTBNnU3kxaPv3 {
   align-items: center;
   border: 1px solid var(--semi-color-border-1, rgba(29, 28, 35, .12));
   border-radius: 8px;
   display: inline-flex;
   flex: 1 1;
   height: 32px;
   justify-content: center;
   min-width: 0;
   padding: 4px 8px
}

.right-info-ele--m0BdZpvycthpu0ZB {
   align-items: center;
   display: flex;
   flex-direction: column;
   height: 100%;
   justify-content: space-between;
   width: 72px
}

.right-info-ele--m0BdZpvycthpu0ZB .top-ele--BlRPnwGAtoUwjcSw {
   font-size: 28px;
   font-weight: 600;
   letter-spacing: 0;
   line-height: 40px;
   margin-bottom: 2px;
   text-align: left
}

.right-info-ele--m0BdZpvycthpu0ZB .top-ele--BlRPnwGAtoUwjcSw.bot--PqdOvi7ZtMopvjH0 {
   font-size: 20px;
   line-height: 28px
}

.right-info-ele--m0BdZpvycthpu0ZB .bottom-ele--sTuk6CB_KEyChfkv {
   font-size: 12px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 16px;
   text-align: left
}

.right-info-ele--m0BdZpvycthpu0ZB .bottom-ele--sTuk6CB_KEyChfkv.bot--PqdOvi7ZtMopvjH0 {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.container--ou1VgqhDDHsyFRKt {
   display: flex;
   flex-direction: column;
   margin-top: 32px;
   width: 100%
}

.container--ou1VgqhDDHsyFRKt .editorContianer--jddM7uzuuI8z9BVI {
   -webkit-box-orient: vertical;
   color: #1d1c23;
   display: -webkit-box;
   font-size: 14px;
   line-height: 22px
}

.container--ou1VgqhDDHsyFRKt .editorContianer--jddM7uzuuI8z9BVI.ellipsis--cGVtmwJEo5g5o8C9 {
   -webkit-line-clamp: 3;
   overflow: hidden
}

.container--ou1VgqhDDHsyFRKt .button--Bzc5SVrLGRkKbw_Y {
   align-items: center;
   align-self: flex-start;
   color: #4d53e8;
   cursor: pointer;
   display: flex;
   font-weight: 400;
   height: 20px;
   line-height: 22px;
   margin-top: 4px
}

.container--ou1VgqhDDHsyFRKt .button--Bzc5SVrLGRkKbw_Y .arrow--raFrCxmfyVsbf_Ad {
   margin-left: 4px
}

.container--ou1VgqhDDHsyFRKt .button--Bzc5SVrLGRkKbw_Y .arrow--raFrCxmfyVsbf_Ad svg {
   height: 12px;
   width: 12px
}

.container--ou1VgqhDDHsyFRKt .button--Bzc5SVrLGRkKbw_Y .arrow--raFrCxmfyVsbf_Ad.close--FP0nVUPXyBAq6NCn {
   rotate: -180deg
}

.container--ou1VgqhDDHsyFRKt .ace-line {
   margin: 0
}

.wrapper--PlXhFxDePHIajS6N {
   display: flex;
   overflow: hidden;
   position: relative
}

.wrapper--PlXhFxDePHIajS6N .container--RLkfgS9VewthSal1 {
   display: flex;
   height: 100%;
   overflow-x: hidden;
   width: 100%
}

.wrapper--PlXhFxDePHIajS6N .contentContainer--noY7F2PJugjhmZiL {
   align-items: center;
   display: flex;
   flex: 1 1;
   flex-wrap: nowrap;
   height: 100%
}

.wrapper--PlXhFxDePHIajS6N .action--lLbmvjmJQCBRpfBK {
   align-items: center;
   display: flex;
   height: 100%;
   position: absolute;
   width: 72px;
   z-index: 1000
}

.wrapper--PlXhFxDePHIajS6N .action--lLbmvjmJQCBRpfBK .btn--vdy5Zd8hso1_2X17 {
   border-radius: 0;
   color: #1d1c23
}

.wrapper--PlXhFxDePHIajS6N .action--lLbmvjmJQCBRpfBK .btn--vdy5Zd8hso1_2X17:hover {
   background: #e5e5e7;
   border-radius: 6px
}

.wrapper--PlXhFxDePHIajS6N .action--lLbmvjmJQCBRpfBK.left--sLF1Ineqz6kCe_at {
   background: linear-gradient(90deg, #f7f7fa 34.48%, hsla(0, 0%, 100%, 0) 79.31%);
   justify-content: flex-start;
   left: 0
}

.wrapper--PlXhFxDePHIajS6N .action--lLbmvjmJQCBRpfBK.right--BcHY0sQzWUAn8ktu {
   background: linear-gradient(270deg, #f7f7fa 34.48%, hsla(0, 0%, 100%, 0) 79.31%);
   justify-content: flex-end;
   right: 0
}

.container--tlvpZ1qAogQBgWJM {
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: top;
   white-space: nowrap;
   width: 100%
}

.wrraper--hHbIM59IPOwxwJn8 {
   word-break: break-word
}

.sub-header-container--KcyNt9EnMCgIcGqn {
   display: flex;
   width: 100%
}

.sub-header-container--KcyNt9EnMCgIcGqn .category-list--_skeyZquAl45f9iC {
   flex: 1 1
}

.sub-header-container--KcyNt9EnMCgIcGqn .tag--p2Boq1t2q4SOoMVO {
   background-color: #fff;
   box-shadow: 0 2px 4px 0 #1e1e1f0a;
   cursor: pointer;
   flex-shrink: 0;
   font-weight: 600;
   height: 32px;
   margin-right: 12px;
   padding-left: 12px;
   padding-right: 12px
}

.sub-header-container--KcyNt9EnMCgIcGqn .tag--p2Boq1t2q4SOoMVO:hover {
   background-color: #2e2e3814
}

.sub-header-container--KcyNt9EnMCgIcGqn .tag--p2Boq1t2q4SOoMVO:active {
   background-color: #2e2e381f
}

.sub-header-container--KcyNt9EnMCgIcGqn .tag--p2Boq1t2q4SOoMVO.active--ZZhk106GWQBLbbnS {
   background-color: #4d53e8;
   color: #fff
}

.sub-header-container--tn0QVv3IeQVLM6Xx {
   width: 100%
}

.sub-header-container--tn0QVv3IeQVLM6Xx .item--aAlGAZshaRIyI9XV {
   text-wrap: nowrap;
   align-items: center;
   border-radius: 8px;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   cursor: pointer;
   display: flex;
   font-size: 14px;
   font-weight: 500;
   height: 32px;
   justify-content: center;
   margin-right: 4px;
   min-height: 32px;
   padding: 6px 16px
}

.sub-header-container--tn0QVv3IeQVLM6Xx .item-active--RJ09vVZ8_fwyFuQw,
.sub-header-container--tn0QVv3IeQVLM6Xx .item--aAlGAZshaRIyI9XV:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ .tag--lN5Tzk_Jy2wYKab8 {
   background-color: #fff;
   box-shadow: 0 2px 4px 0 #1e1e1f0a;
   cursor: pointer;
   flex-shrink: 0;
   font-weight: 600;
   height: 32px;
   margin-right: 12px;
   padding-left: 12px;
   padding-right: 12px
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ .tag--lN5Tzk_Jy2wYKab8 svg path {
   fill: #4b4a58
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ .tag--lN5Tzk_Jy2wYKab8:hover {
   background-color: #2e2e3814
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ .tag--lN5Tzk_Jy2wYKab8:active {
   background-color: #2e2e381f
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ .tag--lN5Tzk_Jy2wYKab8.active--pwsvRvDqRaE3fShz {
   background-color: #4d53e8;
   color: #fff
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ .tag--lN5Tzk_Jy2wYKab8.active--pwsvRvDqRaE3fShz svg path {
   fill: #fff
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ .tag--lN5Tzk_Jy2wYKab8.expand--kq6Ybsx9Y3w3rihl .icon-more--FTjKmenzB3AQejrB {
   transform: rotate(90deg)
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ .tag--lN5Tzk_Jy2wYKab8 .icon-more--FTjKmenzB3AQejrB {
   transform: rotate(-90deg)
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ .tag--lN5Tzk_Jy2wYKab8 .icon--im02lgc84tUaHxHG {
   align-items: center;
   display: flex;
   justify-content: center;
   margin-left: 6px
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ.v2--lrT5Qj3ax8gAMot_ .tag--lN5Tzk_Jy2wYKab8 {
   background-color: transparent;
   border-radius: 8px;
   box-shadow: none;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-weight: 500;
   margin-right: 4px;
   padding: 6px 16px
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ.v2--lrT5Qj3ax8gAMot_ .tag--lN5Tzk_Jy2wYKab8.active--pwsvRvDqRaE3fShz,
.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ.v2--lrT5Qj3ax8gAMot_ .tag--lN5Tzk_Jy2wYKab8:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.sub-header-container--tn0QVv3IeQVLM6Xx .overflow-container--P2UITUW1fovM0dBJ.v2--lrT5Qj3ax8gAMot_ .more-icon--JJQ6Qa6VRLIIP_4Q {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.popover-more-container--nGc0WmDVqQUtjtF3 {
   background: #fff !important;
   border-radius: 6px !important;
   box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1), 0 0 1px 0 rgba(0, 0, 0, .3)
}

.popover-more-container--nGc0WmDVqQUtjtF3 .more-item-wrap--sDKVSRTpJ90RAyms {
   padding: 4px;
   width: 176px
}

.popover-more-container--nGc0WmDVqQUtjtF3 .more-item-wrap--sDKVSRTpJ90RAyms .btn--w9Dp8Ge8nhc26maW {
   border-radius: 4px;
   color: #1d1c23;
   font-weight: 600;
   justify-content: flex-start;
   padding-left: 8px;
   width: 100%
}

.popover-more-container--nGc0WmDVqQUtjtF3 .more-item-wrap--sDKVSRTpJ90RAyms .btn--w9Dp8Ge8nhc26maW span {
   overflow: hidden;
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%
}

.popover-more-container--nGc0WmDVqQUtjtF3 .more-item-wrap--sDKVSRTpJ90RAyms .btn--w9Dp8Ge8nhc26maW.active--pwsvRvDqRaE3fShz {
   background: #4d53e8;
   color: #fff
}

.popover-more-container--nGc0WmDVqQUtjtF3 .more-item-wrap--sDKVSRTpJ90RAyms .btn--w9Dp8Ge8nhc26maW:hover {
   background: rgba(46, 46, 56, .04)
}

.popover-more-container--nGc0WmDVqQUtjtF3 .more-item-wrap--sDKVSRTpJ90RAyms .btn--w9Dp8Ge8nhc26maW:hover.active--pwsvRvDqRaE3fShz {
   background: #4d53e8
}

.popover-more-container--nGc0WmDVqQUtjtF3.v2--lrT5Qj3ax8gAMot_ .more-item-wrap--sDKVSRTpJ90RAyms .btn--w9Dp8Ge8nhc26maW {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-weight: 400
}

.popover-more-container--nGc0WmDVqQUtjtF3.v2--lrT5Qj3ax8gAMot_ .more-item-wrap--sDKVSRTpJ90RAyms .btn--w9Dp8Ge8nhc26maW.active--pwsvRvDqRaE3fShz {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.popover-more-container--nGc0WmDVqQUtjtF3.v2--lrT5Qj3ax8gAMot_ .more-item-wrap--sDKVSRTpJ90RAyms .btn--w9Dp8Ge8nhc26maW.active--pwsvRvDqRaE3fShz,
.popover-more-container--nGc0WmDVqQUtjtF3.v2--lrT5Qj3ax8gAMot_ .more-item-wrap--sDKVSRTpJ90RAyms .btn--w9Dp8Ge8nhc26maW:hover,
.popover-more-container--nGc0WmDVqQUtjtF3.v2--lrT5Qj3ax8gAMot_ .more-item-wrap--sDKVSRTpJ90RAyms .btn--w9Dp8Ge8nhc26maW:hover.active--pwsvRvDqRaE3fShz {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

.container--d0TdwR7sE98BnQlO {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border-radius: 4px;
   padding: 4px
}

.container--d0TdwR7sE98BnQlO .button--ZT7p1yJZF942KtPi {
   border-radius: 4px;
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-weight: 400;
   justify-content: flex-start;
   padding-left: 8px;
   padding-right: 8px;
   text-align: left;
   width: 100%
}

.container--d0TdwR7sE98BnQlO .button--ZT7p1yJZF942KtPi.coz-btn-secondary {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.popover--in8Wyv1eYKgS3d2q {
   border-radius: 4px
}

.banner--pC_IDbItXTUD1CH4 {
   align-items: center;
   background-color: #fff;
   border-top: 1px solid var(--semi-color-border-2, rgba(29, 28, 35, .16));
   bottom: 0;
   display: flex;
   height: 117px;
   justify-content: center;
   left: 0;
   overflow: hidden;
   position: absolute;
   right: 0;
   z-index: 100
}

.banner-placeholder--v5DFrFVujEI2J9k6 {
   flex-shrink: 0;
   height: 117px;
   width: 100%
}

.banner--pC_IDbItXTUD1CH4 img {
   height: 100%;
   width: auto
}

.info--tdokAL4WfY0r4HV8 {
   margin-right: 24px
}

.info-title--OuMl4oam4mke4rm9 {
   color: var(--semi-color-text-1, rgba(29, 28, 35, .8));
   font-size: 24px;
   font-weight: 600
}

.info-desc--JpGrykf7lg46AH6K {
   color: var(--semi-color-text-2, rgba(29, 28, 35, .6));
   font-size: 16px;
   font-weight: 500
}

.button--RyQVYC9R3wokm6IF.button--RyQVYC9R3wokm6IF {
   border-radius: 40px;
   font-size: 20px;
   font-weight: 500;
   height: 48px;
   min-width: 188px;
   padding: 6px 16px
}

.moreContainer--PJfYEYZZ0W8NC9T_ {
   cursor: pointer;
   display: flex;
   height: 40px;
   overflow: hidden;
   padding: 10px 16px;
   width: 100%
}

.moreContainer--PJfYEYZZ0W8NC9T_,
.moreContainer--PJfYEYZZ0W8NC9T_ .text--sEwG2hK_qqw5Kpmm {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.moreContainer--PJfYEYZZ0W8NC9T_ .text--sEwG2hK_qqw5Kpmm {
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   text-align: left
}

.moreContainer--PJfYEYZZ0W8NC9T_:hover,
.moreContainer--PJfYEYZZ0W8NC9T_:hover .text--sEwG2hK_qqw5Kpmm {
   color: rgba(var(--coze-brand-5), 1)
}

.arrow--NIn6ndD1dAAao8Iu {
   position: relative;
   top: 2px
}

.normalItemContaienr--pkaoW6YW_Acqx2tQ {
   align-items: center;
   border-radius: 8px;
   display: flex;
   height: 52px;
   padding: 8px;
   padding: auto 8px
}

.normalItemContaienr--pkaoW6YW_Acqx2tQ .avatar--TfjUy83eJmENLcMC {
   border: .5px solid;
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: 4px;
   flex-shrink: 0
}

.normalItemContaienr--pkaoW6YW_Acqx2tQ .dot--trOhT5pk7OUeDWP2 {
   background-color: var(--coz-fg-dim);
   border-radius: 24px;
   height: 3px;
   width: 3px
}

.normalItemContaienr--pkaoW6YW_Acqx2tQ .title--PEfLqllrh0w6yFFO {
   text-wrap: nowrap;
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   flex-shrink: 0;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   text-align: left
}

.normalItemContaienr--pkaoW6YW_Acqx2tQ .description--qvRt7lPlMQFwoJRs {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
   flex: 1 1;
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
   text-align: left
}

.normalItemContaienr--pkaoW6YW_Acqx2tQ .statie-elc--gYWdQt1_xKEyXsz3 {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: 12px;
   font-weight: 400;
   line-height: 16px
}

.normalItemContaienr--pkaoW6YW_Acqx2tQ.isSelected--cj089WpnWw0wx8Oq {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   cursor: pointer
}

.skeletonContiner--ztfbZa0y8AQz47Pb {
   height: 52px;
   padding: 0 8px;
   width: 100%
}

.skeletonContiner--ztfbZa0y8AQz47Pb .image--O1bWIFNVxRUuUwLV {
   border-radius: 6px;
   height: 32px;
   width: 32px
}

.skeletonContiner--ztfbZa0y8AQz47Pb .textContainer--s_84gcInSLwzBHcQ {
   align-items: flex-start
}

.skeletonContiner--ztfbZa0y8AQz47Pb .textContainer--s_84gcInSLwzBHcQ .title--PEfLqllrh0w6yFFO {
   height: 10px;
   width: 80px
}

.skeletonContiner--ztfbZa0y8AQz47Pb .textContainer--s_84gcInSLwzBHcQ .description--qvRt7lPlMQFwoJRs {
   height: 10px;
   width: 240px
}

.seeMore--S7HChZHUwQQx8thy {
   border-radius: 8px;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
   padding: 8px 0;
   text-align: center;
   width: 100%
}

.seeMore--S7HChZHUwQQx8thy svg path {
   fill: var(--coz-fg-secondary);
   fill-opacity: 1
}

.seeMore--S7HChZHUwQQx8thy.isSelected--cj089WpnWw0wx8Oq {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   color: rgba(var(--coze-brand-5), 1)
}

.seeMore--S7HChZHUwQQx8thy.isSelected--cj089WpnWw0wx8Oq svg path {
   fill: var(--coz-fg-hglt);
   fill-opacity: 1
}

.popoverContainer--RJ1MlxcaMQ0yXkoq {
   display: flex;
   flex-direction: column;
   width: 100%
}

.popoverContainer--RJ1MlxcaMQ0yXkoq .title--urD18Xmz5CQmc6zW {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   font-size: 12px;
   font-weight: 500;
   height: 16px;
   line-height: 16px;
   margin-bottom: 8px;
   padding: 0 8px;
   text-align: left
}

.popoverContainer--RJ1MlxcaMQ0yXkoq .loadMoreContainer--y4ruwY6gCoUycXJn {
   align-items: center;
   cursor: pointer;
   display: flex;
   height: 32px;
   justify-content: center;
   margin: 4px 0
}

.popoverContainer--RJ1MlxcaMQ0yXkoq .loadMoreContainer--y4ruwY6gCoUycXJn .loading--WAqGXUsaxzQHtXl2 .loadingIcon--JZ1_pK9AiOYY15wa {
   animation: roating--XrBhd0WFd_0YSwQG 1s linear 0s infinite normal
}

.popoverContainer--RJ1MlxcaMQ0yXkoq .loadMoreContainer--y4ruwY6gCoUycXJn .loading--WAqGXUsaxzQHtXl2 svg path {
   fill: var(--coz-fg-hglt);
   fill-opacity: 1
}

@keyframes roating--XrBhd0WFd_0YSwQG {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(1turn)
   }
}

.contentCotaniner--x285Momisy8YFLIi {
   padding: 0
}

.contentCotaniner--x285Momisy8YFLIi .divider--UzPW0HGUETgN4aD5 {
   border-top: 1px solid;
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   margin: 0 16px
}

.contentCotaniner--x285Momisy8YFLIi .area-container--Uf07RZhvBQt7DXne {
   -ms-overflow-style: none;
   display: flex;
   flex-direction: column;
   gap: 8px;
   max-height: 427px;
   overflow: auto;
   padding: 12px 8px;
   scrollbar-width: none;
   width: 100%
}

.contentCotaniner--x285Momisy8YFLIi .area-container--Uf07RZhvBQt7DXne::-webkit-scrollbar {
   display: none
}

.contentCotaniner--x285Momisy8YFLIi .area-container--Uf07RZhvBQt7DXne .nofound--CHa7BM3cwVciCjDa {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   border-radius: 8px;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-size: 14px;
   font-weight: 500;
   height: 52px;
   line-height: 20px;
   padding: 16px;
   width: 100%
}

.contentCotaniner--x285Momisy8YFLIi .title--LozfyX9YMcYuRGXT {
   display: block;
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 8px;
   padding-left: 8px
}

.contentCotaniner--x285Momisy8YFLIi .title--LozfyX9YMcYuRGXT,
div.popoverContainer--NPPPya9wjwd_mAQs {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   text-align: left;
   width: 100%
}

div.popoverContainer--NPPPya9wjwd_mAQs {
   -webkit-backdrop-filter: blur(40px);
   backdrop-filter: blur(40px);
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border: 1px solid;
   border-radius: 0 0 12px 12px;
   border-top: none;
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   box-shadow: 0 64px 64px 0 var(--coz-fg-dim);
   display: none;
   left: 0;
   overflow: hidden;
   position: absolute;
   z-index: 20
}

div.popoverContainer--NPPPya9wjwd_mAQs.visible--seCmjzkEM7UfPGVP {
   display: block
}

div.container--GeYocjyR1ZwoFDKR {
   height: 32px;
   position: relative;
   width: 480px;
   z-index: 20
}

div.container--GeYocjyR1ZwoFDKR .inputContainer--y5ztyr7n4w2r62r4 {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border: 1px solid transparent;
   border-radius: 8px;
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   height: 100%;
   z-index: 20
}

div.container--GeYocjyR1ZwoFDKR .inputContainer--y5ztyr7n4w2r62r4 .semi-input-clearbtn {
   z-index: 20
}

div.container--GeYocjyR1ZwoFDKR .inputContainer--y5ztyr7n4w2r62r4 .semi-input-prefix {
   margin-right: -8px
}

div.container--GeYocjyR1ZwoFDKR .inputContainer--y5ztyr7n4w2r62r4 .semi-input {
   font-weight: 500;
   padding-left: 16px;
   padding-right: 16px
}

div.container--GeYocjyR1ZwoFDKR .inputContainer--y5ztyr7n4w2r62r4 .semi-input::-webkit-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

div.container--GeYocjyR1ZwoFDKR .inputContainer--y5ztyr7n4w2r62r4 .semi-input::-ms-input-placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

div.container--GeYocjyR1ZwoFDKR .inputContainer--y5ztyr7n4w2r62r4 .semi-input::placeholder {
   color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha))
}

div.container--GeYocjyR1ZwoFDKR .inputContainer--y5ztyr7n4w2r62r4 .clear-icon--ZaEc3tLcgJoJX7US {
   align-items: center;
   border-radius: 50%;
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   display: inline-flex;
   height: 16px;
   justify-content: center;
   margin-right: 12px;
   padding: 2px;
   width: 16px
}

div.container--GeYocjyR1ZwoFDKR .inputContainer--y5ztyr7n4w2r62r4 .clear-icon--ZaEc3tLcgJoJX7US:hover {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha))
}

div.container--GeYocjyR1ZwoFDKR.focus--dF5L6n9OwQUcZ2Vf {
   width: 600px
}

div.container--GeYocjyR1ZwoFDKR.focus--dF5L6n9OwQUcZ2Vf:not(.popoverVisible--dnmRZMmrh2kDK3LI) .inputContainer--y5ztyr7n4w2r62r4 {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border: 1px solid;
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: 8px;
   box-shadow: 0 -2px 2px 0;
   box-shadow: 0 4px 12px 0 rgba(var(--coze-shadow-0), .08), 0 8px 24px 0 rgba(var(--coze-shadow-0), .04)
}

div.container--GeYocjyR1ZwoFDKR.popoverVisible--dnmRZMmrh2kDK3LI .inputContainer--y5ztyr7n4w2r62r4 {
   background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
   border: 1px solid;
   border-bottom: none;
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
   border-radius: 12px 12px 0 0;
   box-shadow: none;
   box-shadow: 0 4px 12px 0 rgba(var(--coze-shadow-0), .08), 0 8px 24px 0 rgba(var(--coze-shadow-0), .04)
}

.icon-search--Ba7E6cg2DTQG12Yt {
   align-items: center;
   display: flex;
   padding: 0 0 0 16px
}

.icon-search--Ba7E6cg2DTQG12Yt .active--mg5DiR77ZVktR71P svg {
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   transition: color .2s ease
}

.mask--ODhV3zyAEMs1T8gX {
   background-color: transparent;
   display: none;
   height: 100vh;
   left: 0;
   position: fixed;
   top: 0;
   width: 100vw;
   z-index: 19
}

.mask--ODhV3zyAEMs1T8gX.visible--unnT6i9c3AuiAmPq {
   display: block
}

.align-center--mUAGYYqeTQnrRMMc {
   align-items: center;
   display: flex;
   height: 36px
}

.container--n15sHeb1gUWuDlZ2 {
   display: grid;
   gap: 12px;
   grid-template-columns: 1fr minmax(auto, 480px) 1fr;
   padding-bottom: 10px;
   padding-top: 10px;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   width: 100%;
   z-index: 1000
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc {
   display: flex;
   height: 112px;
   padding-bottom: 16px;
   padding-top: 24px
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc .logo-container--DjqeEpCzLXIrTkqw {
   height: 32px
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc .logo-container--DjqeEpCzLXIrTkqw .logo-coze--RHFwUlKTeOQFpQ3e {
   height: 32px;
   width: 32px
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc .logo-container--DjqeEpCzLXIrTkqw .logo-text-container--vSb42_9c15UA1LKi {
   height: 32px
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc .logo-container--DjqeEpCzLXIrTkqw .logo-txt--B3nNMEMXzsgQ_vX8 {
   height: 32px;
   width: 54px
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc .logo-container--DjqeEpCzLXIrTkqw .logo-txt--B3nNMEMXzsgQ_vX8 svg {
   height: 32px
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc .logo-text--IkAVgZ2xa3oUtyKz {
   transition: none
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc .menu-container--k11DwTMR9kOnAury {
   flex: 1 1;
   height: 32px
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc .search-container--Q2ZOzwGzIC8otzxM {
   left: 0;
   position: absolute;
   top: 72px;
   width: 100%
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc .search-container--Q2ZOzwGzIC8otzxM>* {
   width: 100%
}

.container--n15sHeb1gUWuDlZ2.reponsive--xJCCvykhvdYvrlRc .search-container--Q2ZOzwGzIC8otzxM .search-input--pva3ojjRYIdpcZcC {
   width: 100% !important
}

.container--n15sHeb1gUWuDlZ2 .search-container--Q2ZOzwGzIC8otzxM {
   justify-content: center;
   text-align: center
}

.container--n15sHeb1gUWuDlZ2 .menu-container--k11DwTMR9kOnAury,
.container--n15sHeb1gUWuDlZ2 .search-container--Q2ZOzwGzIC8otzxM {
   align-items: center;
   display: flex;
   height: 36px
}

.container--n15sHeb1gUWuDlZ2 .menu-container--k11DwTMR9kOnAury .menu-wrap--vBCjnagxzeoHSsas {
   margin-left: auto;
   margin-right: 0
}

.container--n15sHeb1gUWuDlZ2 .menu-container--k11DwTMR9kOnAury .link--CkxKhlYcCpQYVA0R {
   color: #fff;
   font-weight: 500;
   line-height: 22px;
   text-align: center;
   text-decoration: none;
   width: 96px
}

.container--n15sHeb1gUWuDlZ2 .menu-container--k11DwTMR9kOnAury .icon-text--dc5w26XxAbYgi9qI {
   align-items: center;
   display: flex;
   height: 32px;
   justify-content: center;
   width: 32px
}

.container--n15sHeb1gUWuDlZ2 .menu-container--k11DwTMR9kOnAury .icon-text--dc5w26XxAbYgi9qI svg {
   height: 20px;
   width: 20px
}

.container--n15sHeb1gUWuDlZ2 .menu-container--k11DwTMR9kOnAury .login-btn--S_W66boPyGsZS2SF {
   background-color: #fff;
   border: none;
   border-radius: 24px;
   color: #4d53e8;
   font-size: 14px;
   font-weight: 500;
   line-height: 22px;
   padding: 5px 16px;
   text-align: center;
   width: 108px
}

.container--n15sHeb1gUWuDlZ2 .menu-container--k11DwTMR9kOnAury .login-btn--S_W66boPyGsZS2SF:hover {
   background-color: #fff !important
}

.container--n15sHeb1gUWuDlZ2 .logo-container--DjqeEpCzLXIrTkqw {
   align-items: center;
   display: flex;
   height: 36px
}

.container--n15sHeb1gUWuDlZ2 .logo-container--DjqeEpCzLXIrTkqw .logo-txt--B3nNMEMXzsgQ_vX8 svg path {
   fill: #fff
}

.container--n15sHeb1gUWuDlZ2.container-bg-color--ApUEKbtX3wYyaapY .logo-container--DjqeEpCzLXIrTkqw .logo-txt--B3nNMEMXzsgQ_vX8 svg path {
   fill: #4d53e8
}

.container--n15sHeb1gUWuDlZ2.container-bg-color--ApUEKbtX3wYyaapY .menu-container--k11DwTMR9kOnAury .link--CkxKhlYcCpQYVA0R {
   color: #000
}

.container--n15sHeb1gUWuDlZ2.container-bg-color--ApUEKbtX3wYyaapY .menu-container--k11DwTMR9kOnAury .login-btn--S_W66boPyGsZS2SF {
   background-color: #4d53e8;
   color: #fff
}

.container--n15sHeb1gUWuDlZ2.container-bg-color--ApUEKbtX3wYyaapY .menu-container--k11DwTMR9kOnAury .login-btn--S_W66boPyGsZS2SF:hover {
   background-color: #4d53e8 !important
}

.container--n15sHeb1gUWuDlZ2.container-bg-color--ApUEKbtX3wYyaapY .menu-container--k11DwTMR9kOnAury .switch-lang--yOEy1JXM3lounVr0.coz-button.semi-button.coz-btn-primary {
   background-color: #f0f0f5;
   border: 1px solid rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
   border-radius: 20px;
   color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha))
}

.container--n15sHeb1gUWuDlZ2.container-bg-color--ApUEKbtX3wYyaapY .menu-container--k11DwTMR9kOnAury .pro-login-btn--qO0uznzhE8amW9dp.coz-button.semi-button.coz-btn-primary {
   border-color: var(--coz-stroke-hglt);
   border-radius: 20px;
   border-style: solid;
   border-width: 1px;
   color: var(--coz-fg-hglt)
}

.container--n15sHeb1gUWuDlZ2 .logo-text-container--vSb42_9c15UA1LKi {
   height: 36px;
   position: relative
}

.container--n15sHeb1gUWuDlZ2 .logo-text-container--vSb42_9c15UA1LKi .logo-txt--B3nNMEMXzsgQ_vX8 {
   opacity: 0;
   transition: opacity .5s ease-in-out
}

.container--n15sHeb1gUWuDlZ2 .logo-text-container--vSb42_9c15UA1LKi.show-logo--WiJOQ4PK_T0jorFo .logo-txt--B3nNMEMXzsgQ_vX8 {
   opacity: 1
}

.container--n15sHeb1gUWuDlZ2 .logo-text--IkAVgZ2xa3oUtyKz {
   align-items: center;
   display: flex;
   height: 36px;
   left: 0;
   position: absolute;
   top: 0
}

.container--n15sHeb1gUWuDlZ2 .logo-text--IkAVgZ2xa3oUtyKz svg path {
   opacity: 0;
   transition: opacity .1s ease-in-out
}

.pro-login-btn--qO0uznzhE8amW9dp.coz-button.semi-button.coz-btn-primary,
.switch-lang--yOEy1JXM3lounVr0.coz-button.semi-button.coz-btn-primary {
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 20px;
   color: #fff
}

.check--FMsOY3QLGj85B8R4 {
   background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
   border-radius: 4px;
   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .04), 0 10px 28px 0 rgba(0, 0, 0, .12);
   height: 24px;
   width: 24px
}

.check--FMsOY3QLGj85B8R4:hover {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.check--FMsOY3QLGj85B8R4:active {
   background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha))
}

.check--FMsOY3QLGj85B8R4 .semi-checkbox-inner {
   height: 24px;
   width: 24px
}

.check--FMsOY3QLGj85B8R4 .semi-checkbox-inner .semi-checkbox-inner-checked {
   background-color: rgba(var(--coze-brand-5), 1)
}

.check--FMsOY3QLGj85B8R4 .semi-checkbox-inner-display {
   border-color: #e5e5e5 !important;
   border-radius: 4px;
   border-width: 2px;
   height: 24px;
   width: 24px
}

.check--FMsOY3QLGj85B8R4 .semi-checkbox-inner-display .semi-icon {
   font-size: 24px
}

.label-icon--_n5knXBfkc78iHdP {
   border-radius: 0;
   cursor: pointer;
   height: 14px;
   width: 14px
}

.label-icon--_n5knXBfkc78iHdP.large--YgNxsIdQyy4t3h19 {
   height: 24px;
   width: 24px
}

.btn-plain--ldFIqOpGiogdyrS7 {
   align-items: center;
   background: var(--coz-mg-secondary-hovered, #5768a114);
   border-radius: 8px;
   color: var(--coz-fg-plus, #080d1ee5);
   display: flex;
   font-size: 16px;
   font-weight: 500;
   gap: 4px;
   height: 40px;
   justify-content: center;
   min-width: 56px;
   width: 100%
}

.btn-plain--ldFIqOpGiogdyrS7.disabled--NqCFdL8Dim8Z6U3Y {
   color: var(--coz-fg-dim);
   cursor: not-allowed
}

.premium-paywall--wv7zUdxFbBw003xv {
   border-radius: var(--semi-border-radius-large);
   display: flex;
   max-height: calc(100vh - 145px);
   min-height: 548px;
   overflow: hidden
}

.premium-paywall-image--rKx02RFiQZwvCOvo {
   height: 100%;
   width: 680px
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC {
   background-color: #fff;
   display: flex;
   flex: 1 1;
   flex-direction: column;
   justify-content: center;
   padding: 0 24px
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-version--Gy1LMHsKFS0U7h6g .version-title--VIWiejqud78fCS79 {
   color: var(--coz-fg-plus, #080d1ee5);
   font-size: 20px;
   font-weight: 500
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-version--Gy1LMHsKFS0U7h6g .version-price-main--ixU7SFKKxA8mtGrm {
   color: var(--coz-fg-plus, #080d1ee5);
   font-size: 36px;
   font-weight: 600;
   line-height: 1
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-version--Gy1LMHsKFS0U7h6g .version-price-unit--P5DtY2ll5dYlf1C9 {
   color: var(--coz-fg-secondary, #06070980);
   font-size: 14px;
   font-weight: 500
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-version--Gy1LMHsKFS0U7h6g .version-price-discount--wpnCeVYsrnUznYxW {
   -webkit-text-fill-color: transparent;
   background: linear-gradient(134.95deg, #5147ff 14.33%, #970dfb 54.24%, rgba(250, 121, 0, .6) 97.3%);
   -webkit-background-clip: text;
   background-clip: text;
   font-weight: 600
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-buttons--BvDW2lbPl4I3sWzf {
   margin-top: 20px;
   width: 100%
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-buttons--BvDW2lbPl4I3sWzf .coz-icon-button,
.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-buttons--BvDW2lbPl4I3sWzf .coz-icon-button .semi-button {
   width: 100%
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-rights--d3Ka6RAi0dMyFcrt {
   margin-top: 64px
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-rights--d3Ka6RAi0dMyFcrt .rights-title--pfZv8nMv4qUpR_dI {
   color: var(--coz-fg-plus, #080d1ee5);
   font-size: 16px;
   font-weight: 500;
   line-height: 1
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-rights--d3Ka6RAi0dMyFcrt .rights-item--_kMG0RW4C4bjTTY4 {
   align-items: center;
   color: var(--coz-fg-secondary, #2029459e);
   display: inline-flex;
   font-size: 14px;
   font-weight: 400;
   gap: 6px
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-rights--d3Ka6RAi0dMyFcrt .rights-item--_kMG0RW4C4bjTTY4 .icon-icon {
   color: var(--coz-fg-hglt, #5147ff);
   font-size: 16px
}

.premium-paywall-panel--Sx0Q5bUPpNoEW6gC .panel-rights--d3Ka6RAi0dMyFcrt .rights-link--Jkaz67VsFdI8Jwmu {
   align-items: center;
   color: var(--coz-fg-hglt, #5147ff);
   display: inline-flex;
   font-size: 14px;
   font-weight: 400;
   text-decoration: none
}

.premium-paywall-close--YWvAi9x5Q20qUbAT {
   align-items: center;
   background: rgba(0, 0, 0, .3);
   border-radius: 50%;
   color: var(--coz-fg-white-dim, #fff);
   cursor: pointer;
   display: flex;
   font-size: 20px;
   height: 40px;
   justify-content: center;
   position: absolute;
   right: -48px;
   top: 0;
   transition: background .3s;
   width: 40px
}

.premium-paywall-close--YWvAi9x5Q20qUbAT:hover {
   background: rgba(0, 0, 0, .5)
}

.premium-paywall-modal--gTYHgDg60Yc6j5I1 {
   color: red
}

.premium-paywall-modal--gTYHgDg60Yc6j5I1 .semi-modal-content {
   min-height: 550px;
   overflow: visible;
   padding: 0
}

.premium-paywall-modal--gTYHgDg60Yc6j5I1 .semi-modal-content .semi-modal-body {
   padding: 0
}

.premium-paywall-modal--gTYHgDg60Yc6j5I1 .semi-modal-body-wrapper {
   margin: 0
}

.select-knowledge-item-dropdown--DNfirQ6vxD0NxV5e .render-option-item--KQ85pFol8eIQ8iWq {
   align-items: center;
   cursor: pointer;
   display: flex;
   gap: 8px;
   padding: 6px 8px
}

.select-knowledge-item-dropdown--DNfirQ6vxD0NxV5e .render-option-item--KQ85pFol8eIQ8iWq .option-item-check--QZHEb5hQc00Jbiyj {
   width: 16px
}

.select-knowledge-item-dropdown--DNfirQ6vxD0NxV5e .render-option-item--KQ85pFol8eIQ8iWq .option-item-icon--sjsdyhrY0sgdgqQ3 {
   border: 1px solid #e2e4ef;
   border-radius: 8px;
   height: 32px;
   width: 32px
}

.select-knowledge-item-dropdown--DNfirQ6vxD0NxV5e .render-option-item--KQ85pFol8eIQ8iWq .option-info--XuhjE9yEZ14hwVrr {
   flex: 1 1
}

.select-knowledge-item-dropdown--DNfirQ6vxD0NxV5e .render-option-item--KQ85pFol8eIQ8iWq .option-info--XuhjE9yEZ14hwVrr .label--k3isx6FBFhEpljjg {
   color: rgba(15, 21, 40, .82);
   font-size: 14px;
   font-weight: 500;
   line-height: 20px
}

.select-knowledge-item-dropdown--DNfirQ6vxD0NxV5e .render-option-item--KQ85pFol8eIQ8iWq .option-info--XuhjE9yEZ14hwVrr .extra--W7dPRFh4zVQpROkV {
   color: rgba(32, 41, 69, .62);
   font-size: 12px;
   line-height: 16px;
   width: 348px
}

.select-knowledge-item-dropdown--DNfirQ6vxD0NxV5e .render-option-item--KQ85pFol8eIQ8iWq:active {
   background-color: var(--semi-color-fill-1);
   border-radius: 4px
}

.select-knowledge-item-dropdown--DNfirQ6vxD0NxV5e .render-option-item-focused--kTEvZsicY0x9iFt3 {
   background-color: var(--semi-color-fill-0);
   border-radius: 4px
}

.select-knowledge-item-dropdown--DNfirQ6vxD0NxV5e .render-option-item-disabled--dVDElGiyGnoFRAzI {
   color: var(--semi-color-disabled-text);
   cursor: not-allowed
}

.trigger-render--aAsEiJITsrUZOf8K {
   align-items: center;
   border-radius: 6px;
   color: #2029459e;
   cursor: pointer;
   display: flex;
   height: 24px;
   justify-content: space-between;
   padding: 0 4px;
   position: relative;
   width: 108px
}

.trigger-render--aAsEiJITsrUZOf8K:hover {
   background-color: var(--semi-color-fill-0)
}

.trigger-render--aAsEiJITsrUZOf8K.dropdown-border--KhHtWKpQAsY6q6Hh {
   border: 1px solid rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
   border-radius: 6px
}

.trigger-render--aAsEiJITsrUZOf8K.dropdown-visible-border--DoTl6FvaMpCNE9jO,
.trigger-render--aAsEiJITsrUZOf8K.dropdown-visible--gnBRCJNswJg1P2qt:before {
   border: 1px solid var(--coz-stroke-hglt);
   border-radius: 6px
}

.trigger-render--aAsEiJITsrUZOf8K.dropdown-visible--gnBRCJNswJg1P2qt:before {
   box-sizing: border-box;
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%
}

.trigger-render--aAsEiJITsrUZOf8K .icon--VIhdqVx4WYUrFaOr {
   border-radius: 4px;
   height: 16px;
   width: 16px
}


.footer-nav-bar--hgOIsJR_fuMYdUu4 {
   align-items: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 40px 0;
   width: 100%
}

.footer-nav-bar--hgOIsJR_fuMYdUu4.mobile--SX5Y3s13ckYZktL8 {
   padding: 30px 0 20px
}

.footer-nav-bar--hgOIsJR_fuMYdUu4.mobile--SX5Y3s13ckYZktL8 .link-list-container--BnJidqXkA2AybtYj {
   text-align: center
}

.footer-nav-bar--hgOIsJR_fuMYdUu4.mobile--SX5Y3s13ckYZktL8 .link-list-container--BnJidqXkA2AybtYj .link-item--I3m1kOFNwK0sEO_S {
   display: inline-flex;
   font-size: 12px;
   line-height: 18px;
   padding: 0 6px;
   vertical-align: middle
}

.footer-nav-bar--hgOIsJR_fuMYdUu4.mobile--SX5Y3s13ckYZktL8 .link-list-container--BnJidqXkA2AybtYj .link-item--I3m1kOFNwK0sEO_S.cooperate-item--V88RvwMDTaMvRzlX {
   font-size: 10px;
   line-height: 16px
}

.footer-nav-bar--hgOIsJR_fuMYdUu4 .link-item--I3m1kOFNwK0sEO_S {
   font-weight: 500
}

.footer-nav-bar--hgOIsJR_fuMYdUu4 .link-item--I3m1kOFNwK0sEO_S.cooperate-item--V88RvwMDTaMvRzlX {
   font-size: 12px;
   font-weight: 400;
   line-height: 18px
}

.footer-nav-bar--hgOIsJR_fuMYdUu4 * {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha))
}

.footer-nav-bar--hgOIsJR_fuMYdUu4 .pointer--u7B4uCVwmvc7bCy6:hover * {
   color: #4d53e8
}

.header-fixed--XO3nZ3dUP80zW3mn {
   -webkit-backdrop-filter: blur(40px);
   backdrop-filter: blur(40px);
   background: hsla(0, 0%, 100%, .6);
   border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha))
}

.header--UNRZnKc9e8gUW9Ls .login-btn--C8uEw751TKMe7QoC.coz-button.semi-button.coz-btn-brand {
   background-color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

.header--UNRZnKc9e8gUW9Ls .login-btn--C8uEw751TKMe7QoC.coz-button.semi-button.coz-btn-brand:active {
   background-color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha))
}

.header--UNRZnKc9e8gUW9Ls .login-btn--C8uEw751TKMe7QoC.coz-button.semi-button.coz-btn-brand {
   padding-left: var(--coze-32);
   padding-right: var(--coze-32)
}

.header--UNRZnKc9e8gUW9Ls .login-btn--C8uEw751TKMe7QoC.coz-button.semi-button.coz-btn-brand:hover {
   background: #080d1e
}

.space-item--v9eYG5hjjRUeYf61 {
   cursor: url(data:image/svg+xml;base64, ), auto
}

.doc-btn--lZGoToEk4TWmTrTG.coz-button.semi-button.coz-btn-primary {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.doc-btn--lZGoToEk4TWmTrTG.coz-button.semi-button.coz-btn-primary:hover {
   background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha)) !important
}

.doc-btn--lZGoToEk4TWmTrTG.coz-button.semi-button.coz-btn-primary:active {
   background-color: rgba(var(--coze-bg-8), var(--coze-bg-8-alpha))
}

.doc-btn--lZGoToEk4TWmTrTG.coz-button.semi-button.coz-btn-primary {
   padding-left: var(--coze-32);
   padding-right: var(--coze-32)
}

.menu--XzI9mx6njo011ZdD {
   width: 140px
}

.menu--XzI9mx6njo011ZdD .semi-dropdown .semi-dropdown-menu:not(.coz-selection-mode) .semi-dropdown-item {
   padding: 6px 20px
}

.menu--XzI9mx6njo011ZdD .menu-item--Ns3BxJyzekIDJApL .coz-item-text {
   color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
   font-weight: 500
}

.menu--XzI9mx6njo011ZdD .menu-item--Ns3BxJyzekIDJApL.active-menu-item--BJBgOOHW0KwMNMp6 {
   background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha))
}

.menu--XzI9mx6njo011ZdD .menu-item--Ns3BxJyzekIDJApL.active-menu-item--BJBgOOHW0KwMNMp6 .coz-item-text {
   color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
   font-weight: 600
}

@media screen and (max-width:768px) {
   .header--UNRZnKc9e8gUW9Ls .login-btn--C8uEw751TKMe7QoC.coz-button.semi-button.coz-btn-brand {
      height: 28px;
      padding-left: var(--coze-12);
      padding-right: var(--coze-12)
   }

   .header--UNRZnKc9e8gUW9Ls .doc-btn--lZGoToEk4TWmTrTG.coz-button.semi-button.coz-btn-primary {
      height: 28px;
      padding-left: var(--coze-12);
      padding-right: var(--coze-12)
   }

   .header-fixed--XO3nZ3dUP80zW3mn {
      border: none
   }
}

.title--SZss3FEIzo8t6jfZ {
   -webkit-text-fill-color: transparent;
   animation: fade-in--P0mFRFxGngR6mslK .5s ease-in-out, shiny--X8AS4JM5LjkkCrLh 1s linear .5s forwards;
   background: linear-gradient(120deg, #080d1ee6 40%, #080d1e59, #080d1ee6 60%);
   -webkit-background-clip: text;
   background-clip: text;
   background-position: 125%;
   background-size: 200% 100%
}

@keyframes fade-in--P0mFRFxGngR6mslK {
   0% {
      opacity: 0;
      transform: translateY(100px)
   }

   to {
      opacity: 1;
      transform: translateY(0)
   }
}

@keyframes shiny--X8AS4JM5LjkkCrLh {
   0% {
      background-position: 125%
   }

   to {
      background-position: -25%
   }
}

.banner--iSP5FOGuUUUTzmN9 {
   position: relative
}

.banner--iSP5FOGuUUUTzmN9:after {
   background-image: url("https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze/index-top-banner-bg-mask.png");
   background-position-x: center;
   background-repeat: no-repeat
}

.banner--iSP5FOGuUUUTzmN9:after,
.banner--iSP5FOGuUUUTzmN9:before {
   content: "";
   height: 900px;
   left: 0;
   position: absolute;
   top: -77px;
   width: 100%
}

.banner--iSP5FOGuUUUTzmN9:before {
   background: linear-gradient(180deg, #dbdcff, hsla(0, 0%, 100%, 0))
}

.float-icon-1--l8Qo0UiQAMk9CqTB {
   animation: fly-in--OaU_eUapybcijmsu .5s ease-out backwards, float-up--f11x0XM7Y3OKT4Yi 3s ease-in-out .5s infinite;
   bottom: 60px;
   left: -240px;
   transform: translateY(0)
}

.float-icon-2--wbRo4vQfSoMyO_9p {
   animation: fly-in--OaU_eUapybcijmsu .5s ease-out backwards, float-down--glfSTVZJi1MfR05i 3s ease-in-out .5s infinite;
   bottom: -30px;
   left: -190px;
   transform: translateY(0)
}

.float-icon-3--Fx0vZmXjnM4tvfr3 {
   animation: fly-in--OaU_eUapybcijmsu .5s ease-out backwards, float-up--f11x0XM7Y3OKT4Yi 3s ease-in-out .5s infinite;
   bottom: 20px;
   left: 170px;
   transform: translateY(0)
}

.float-icon-4--yUNw294g9rK_FEip {
   animation: fly-in--OaU_eUapybcijmsu .5s ease-out backwards, float-down--glfSTVZJi1MfR05i 3s ease-in-out .5s infinite;
   bottom: 100px;
   left: 220px;
   transform: translateY(0)
}

.dot-wrapper--f1lay93hpU8LcRKq {
   animation: fly-in--OaU_eUapybcijmsu .5s ease-out backwards
}

.dot-1--lp83RjpCOMJe2b2a {
   bottom: 70px;
   transform: translateX(-350px) rotate(45deg)
}

.dot-2--K5cmOdxyhkws6kyo {
   bottom: 70px;
   transform: translateX(350px)
}

.triangle--cBEUm_JdrUkcpN2x {
   border-bottom: 15px solid #555bff;
   border-left: 9px solid transparent;
   border-right: 9px solid transparent;
   bottom: 130px;
   height: 0;
   opacity: .5;
   position: absolute;
   transform: translateX(-150px) rotate(30deg);
   width: 0
}

@media screen and (max-width:768px) {
   .banner--iSP5FOGuUUUTzmN9:after {
      background-image: url("https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze/index-top-banner-bg-mask-m.png");
      height: 440px;
      top: -54px
   }

   .banner--iSP5FOGuUUUTzmN9:before {
      background: linear-gradient(180deg, #e6e6ff, rgba(230, 230, 255, 0) 50%);
      height: 440px;
      top: -61px
   }

   .float-icon-1--l8Qo0UiQAMk9CqTB {
      bottom: 40px;
      left: -40px
   }

   .float-icon-2--wbRo4vQfSoMyO_9p {
      bottom: 40px;
      left: -30px
   }

   .float-icon-3--Fx0vZmXjnM4tvfr3 {
      bottom: 30px;
      left: 30px
   }

   .float-icon-4--yUNw294g9rK_FEip {
      bottom: 60px;
      left: 40px
   }

   .triangle--cBEUm_JdrUkcpN2x {
      border-bottom-width: 5px;
      border-left-width: 3px;
      border-right-width: 3px;
      bottom: 80px;
      transform: translateX(-20px) rotate(30deg)
   }

   .dot-1--lp83RjpCOMJe2b2a {
      bottom: 30px;
      transform: translateX(-120px) rotate(45deg)
   }

   .dot-2--K5cmOdxyhkws6kyo {
      bottom: 40px;
      transform: translateX(120px)
   }
}

@keyframes fly-in--OaU_eUapybcijmsu {
   0% {
      transform: translateY(200px)
   }

   to {
      transform: translateY(0)
   }
}

@keyframes float-up--f11x0XM7Y3OKT4Yi {
   0% {
      transform: translateY(0)
   }

   50% {
      transform: translateY(-10px)
   }

   to {
      transform: translateY(0)
   }
}

@keyframes float-down--glfSTVZJi1MfR05i {
   0% {
      transform: translateY(0)
   }

   50% {
      transform: translateY(10px)
   }

   to {
      transform: translateY(0)
   }
}

.template-card--EIPIT8Osu4ctkqy4 .mask--EoWj3eikGAvLyqOE {
   background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 14.41%, #fff 50%);
   height: 100%;
   left: 0;
   padding: 0 16px 16px;
   position: absolute;
   top: 0;
   transform: translateY(100%);
   transition: transform .6s cubic-bezier(.33, 1, .68, 1);
   width: 100%
}

.template-card--EIPIT8Osu4ctkqy4:hover {
   box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08), 0 8px 24px 0 rgba(0, 0, 0, .04)
}

.template-card--EIPIT8Osu4ctkqy4:hover .mask--EoWj3eikGAvLyqOE {
   transform: translateY(0)
}

.template-card--EIPIT8Osu4ctkqy4 .copy-btn--qNy1xYKHV0obvd45 {
   border-radius: 10px;
   bottom: 16px;
   left: 16px;
   position: absolute;
   width: calc(100% - 32px)
}

.template-card--EIPIT8Osu4ctkqy4 .copy-btn--qNy1xYKHV0obvd45:after {
   background-image: linear-gradient(125deg, hsla(0, 0%, 100%, 0) 30%, hsla(0, 0%, 100%, .4) 50%, hsla(0, 0%, 100%, 0) 52%);
   content: " ";
   height: 200%;
   left: -120%;
   position: absolute;
   top: -50%;
   width: 200%
}

.template-card--EIPIT8Osu4ctkqy4 .copy-btn--qNy1xYKHV0obvd45:hover:after {
   animation: glint--AtjGeJosw40yzyOo 4s linear infinite
}

.template-card--EIPIT8Osu4ctkqy4 .copy-btn--qNy1xYKHV0obvd45.coz-button.semi-button.coz-btn-brand {
   background: #080d1ee5
}

.template-card--EIPIT8Osu4ctkqy4 .copy-btn--qNy1xYKHV0obvd45.coz-button.semi-button.coz-btn-brand:hover {
   background: #080d1e
}

.template-card--EIPIT8Osu4ctkqy4 .copy-btn--qNy1xYKHV0obvd45.coz-button.semi-button.coz-btn-brand:active {
   background: #080d1ee5
}

@keyframes glint--AtjGeJosw40yzyOo {
   0% {
      left: -120%
   }

   8% {
      left: 50%
   }

   to {
      left: 50%
   }
}

.mask--nid6Oexx9QYmIIwb {
   background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, 0) 15%, hsla(0, 0%, 100%, 0) 85%, hsla(0, 0%, 100%, .9));
   height: 100%;
   left: 0;
   pointer-events: none;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 1
}

@media screen and (max-width:768px) {
   .mask--nid6Oexx9QYmIIwb {
      display: none
   }
}

@font-face {
   font-family: swiper-icons;
   font-style: normal;
   font-weight: 400;
   src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
   --swiper-theme-color: #007aff
}

:host {
   display: block;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   z-index: 1
}

.swiper {
   display: block;
   list-style: none;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   padding: 0;
   position: relative;
   z-index: 1
}

.swiper-vertical>.swiper-wrapper {
   flex-direction: column
}

.swiper-wrapper {
   box-sizing: content-box;
   display: flex;
   height: 100%;
   position: relative;
   transition-property: transform;
   transition-timing-function: var(--swiper-wrapper-transition-timing-function, ease);
   transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
   width: 100%;
   z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
   transform: translateZ(0)
}

.swiper-horizontal {
   touch-action: pan-y
}

.swiper-vertical {
   touch-action: pan-x
}

.swiper-slide {
   display: block;
   flex-shrink: 0;
   height: 100%;
   position: relative;
   transition-property: transform;
   width: 100%
}

.swiper-slide-invisible-blank {
   visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
   height: auto
}

.swiper-autoheight .swiper-wrapper {
   align-items: flex-start;
   transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
   perspective: 1200px
}

.swiper-3d .swiper-wrapper {
   transform-style: preserve-3d
}

.swiper-3d {
   perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
   transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
   -ms-overflow-style: none;
   overflow: auto;
   scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
   display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
   -webkit-scroll-snap-type: x mandatory;
   -ms-scroll-snap-type: x mandatory;
   scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
   -webkit-scroll-snap-type: y mandatory;
   -ms-scroll-snap-type: y mandatory;
   scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
   -webkit-scroll-snap-type: none;
   -ms-scroll-snap-type: none;
   scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
   content: "";
   flex-shrink: 0;
   order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: center center;
   scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
   -webkit-margin-start: var(--swiper-centered-offset-before);
   margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
   height: 100%;
   min-height: 1px;
   width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
   -webkit-margin-before: var(--swiper-centered-offset-before);
   margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
   height: var(--swiper-centered-offset-after);
   min-width: 1px;
   width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
   height: 100%;
   left: 0;
   pointer-events: none;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 10
}

.swiper-3d .swiper-slide-shadow {
   background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
   border-radius: 50%;
   border-top-color: transparent;
   box-sizing: border-box;
   height: 42px;
   left: 50%;
   margin-left: -21px;
   margin-top: -21px;
   position: absolute;
   top: 50%;
   transform-origin: 50%;
   width: 42px;
   z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
   animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
   --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
   --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(1turn)
   }
}

.flash-btn--g1pR85EfndE95jvN {
   overflow: hidden;
   position: relative
}

.flash-btn--g1pR85EfndE95jvN:after {
   background-image: linear-gradient(125deg, hsla(0, 0%, 100%, 0) 30%, hsla(0, 0%, 100%, .4) 50%, hsla(0, 0%, 100%, 0) 52%);
   content: " ";
   height: 200%;
   left: -120%;
   position: absolute;
   top: -50%;
   width: 200%
}

.flash-btn--g1pR85EfndE95jvN:disabled:after {
   animation: none
}

.flash-btn--g1pR85EfndE95jvN:hover:after {
   animation: glint--uNe2Ta6hZAsROfkD 4s linear infinite
}

@keyframes glint--uNe2Ta6hZAsROfkD {
   0% {
      left: -120%
   }

   8% {
      left: 50%
   }

   to {
      left: 50%
   }
}

.mask--eHBLLBNQIzoD2SR3 {
   transform: translateY(100%);
   transition: transform .6s cubic-bezier(.33, 1, .68, 1)
}

.mask--eHBLLBNQIzoD2SR3 .btn--hX401QltK0AUynm1 {
   position: relative
}

.mask--eHBLLBNQIzoD2SR3 .btn--hX401QltK0AUynm1:after {
   background-image: linear-gradient(125deg, hsla(0, 0%, 100%, 0) 30%, hsla(0, 0%, 100%, .4) 50%, hsla(0, 0%, 100%, 0) 52%);
   content: " ";
   height: 200%;
   left: -120%;
   position: absolute;
   top: -50%;
   width: 200%
}

.mask--eHBLLBNQIzoD2SR3 .btn--hX401QltK0AUynm1:hover:after {
   animation: glint--XSuZ84ysLEWgwRj9 4s linear infinite
}

@keyframes glint--XSuZ84ysLEWgwRj9 {
   0% {
      left: -120%
   }

   8% {
      left: 50%
   }

   to {
      left: 50%
   }
}

.wrapper--mB1WxG4cWDE_RAOS {
   background: linear-gradient(180deg, rgba(154, 139, 255, 0) 30%, rgba(82, 100, 154, .1));
   border-radius: 12px;
   box-shadow: 0 0 36px 0 rgba(24, 29, 112, .06);
   flex-shrink: 0;
   height: 229px;
   overflow: hidden;
   padding: 1.5px;
   position: relative;
   width: 100%
}

.wrapper--mB1WxG4cWDE_RAOS:before {
   content: "";
   display: block;
   left: 50%;
   padding-bottom: 200%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 200%;
   z-index: 0
}

.wrapper--mB1WxG4cWDE_RAOS:hover {
   background: #fff
}

.wrapper--mB1WxG4cWDE_RAOS:hover:before {
   animation: rotate--US16582MO8ENUI_9 8s linear infinite;
   background: conic-gradient(from 180deg at 50% 50%, #9a8bff 0deg, #ffac8b 45deg, transparent 90deg, transparent 180deg, #9a8bff 180deg, #ffac8b 225deg, transparent 270deg);
   z-index: 0
}

.feature-card--TaO0htMCwyof7Xtv {
   border-radius: 11.25px;
   cursor: pointer;
   overflow: hidden;
   position: relative
}

.feature-card--TaO0htMCwyof7Xtv .feature-img--QcETlNuqhMwtfDTO {
   box-shadow: 0 -2.7px 16.2px 0 rgba(56, 49, 80, .12);
   position: relative;
   transform-origin: right bottom
}

.feature-card--TaO0htMCwyof7Xtv:hover .feature-img--QcETlNuqhMwtfDTO {
   transform: rotate(-10deg) translateX(24px)
}

@keyframes rotate--US16582MO8ENUI_9 {
   0% {
      transform: translate(-50%, -50%) rotate(0deg)
   }

   to {
      transform: translate(-50%, -50%) rotate(-1turn)
   }
}

@media screen and (max-width:768px) {
   .wrapper--mB1WxG4cWDE_RAOS {
      height: 176px;
      width: 320px
   }

   .feature-card--TaO0htMCwyof7Xtv:hover .feature-img--QcETlNuqhMwtfDTO {
      transform: rotate(-10deg) translateX(16px)
   }
}

.swiper-pagination {
   position: absolute;
   text-align: center;
   transform: translateZ(0);
   transition: opacity .3s;
   z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
   opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
   display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
   bottom: var(--swiper-pagination-bottom, 8px);
   left: 0;
   top: var(--swiper-pagination-top, auto);
   width: 100%
}

.swiper-pagination-bullets-dynamic {
   font-size: 0;
   overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   position: relative;
   transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
   transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
   transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
   transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
   transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
   transform: scale(.33)
}

.swiper-pagination-bullet {
   background: var(--swiper-pagination-bullet-inactive-color, #000);
   border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
   display: inline-block;
   height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
   opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
   width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
   box-shadow: none;
   margin: 0;
   padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer
}

.swiper-pagination-bullet:only-child {
   display: none !important
}

.swiper-pagination-bullet-active {
   background: var(--swiper-pagination-color, var(--swiper-theme-color));
   opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
   left: var(--swiper-pagination-left, auto);
   right: var(--swiper-pagination-right, 8px);
   top: 50%;
   transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
   display: block;
   margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   top: 50%;
   transform: translateY(-50%);
   width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   display: inline-block;
   transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   left: 50%;
   transform: translateX(-50%);
   white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
   color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
   background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
   position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background: var(--swiper-pagination-color, var(--swiper-theme-color));
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   transform: scale(0);
   transform-origin: left top;
   width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
   height: var(--swiper-pagination-progressbar-size, 4px);
   left: 0;
   top: 0;
   width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
   height: 100%;
   left: 0;
   top: 0;
   width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
   display: none
}

.space-feature--fcWMRzP6tgMRfxId::-webkit-scrollbar {
   display: none
}

.space-feature-mobile--DyN4Ob8hrggUZAxH .feature-card-image {
   margin-top: auto
}

.space-feature-mobile--DyN4Ob8hrggUZAxH .swiper-pagination-bullet {
   background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha));
   opacity: 1
}

.space-feature-mobile--DyN4Ob8hrggUZAxH .swiper-pagination-bullet-active {
   background-color: #5a4ded
}

@media screen and (min-width:768px) {
   .space-feature--fcWMRzP6tgMRfxId .feature-card-wrapper {
      height: 332px;
      width: 100%
   }

   .space-feature--fcWMRzP6tgMRfxId .feature-card-wrapper .feature-card {
      align-items: center;
      flex-direction: column;
      padding: 28px 20px 20px
   }

   .space-feature--fcWMRzP6tgMRfxId .feature-card-wrapper .feature-card-title {
      color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
      font-size: 20px;
      font-weight: 600;
      line-height: 30px;
      margin-top: 0;
      text-align: center;
      width: 100%
   }

   .space-feature--fcWMRzP6tgMRfxId .feature-card-wrapper .feature-card-content {
      color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
      font-size: 14px;
      height: 60px;
      line-height: 20px
   }

   .space-feature--fcWMRzP6tgMRfxId .feature-card-wrapper .feature-card-image {
      margin-top: 12px
   }
}

.float-up-icon--dUKIxG0xPi4IDu8J {
   animation: float-up--zshcNXMzWBMrPVGd 3s ease-in-out infinite
}

.float-down-icon--nH5uHU4P8XIz2XsL {
   animation: float-down--xUT4kcS4PwIvlP7n 3s ease-in-out infinite
}

@keyframes float-down--xUT4kcS4PwIvlP7n {
   0% {
      transform: translateY(0)
   }

   50% {
      transform: translateY(16px)
   }

   to {
      transform: translateY(0)
   }
}

@keyframes float-up--zshcNXMzWBMrPVGd {
   0% {
      transform: translateY(0)
   }

   50% {
      transform: translateY(-16px)
   }

   to {
      transform: translateY(0)
   }
}

.shiny-button--JZkaI7wUAAp4lJdY {
   align-items: center;
   animation: border-glint--K_SFVkOnnAzSsAUT 4s linear infinite backwards;
   animation-delay: 1s;
   background-clip: padding-box, border-box;
   background-color: #212635;
   background-image: linear-gradient(to bottom right, #0b0333, #212635), linear-gradient(125deg, hsla(0, 0%, 100%, 0) 45%, hsla(0, 0%, 100%, .6) 50%, hsla(0, 0%, 100%, 0) 53%);
   background-origin: border-box;
   background-position: 0, -250px;
   background-size: 100%, 200%;
   border: 3px solid transparent;
   border-radius: 10px;
   box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .14);
   color: #fff;
   display: flex;
   font-size: 22px;
   font-weight: 600;
   height: 60px;
   justify-content: center;
   line-height: 32px;
   overflow: hidden;
   position: relative;
   width: 180px;
   z-index: 1
}

.shiny-button--JZkaI7wUAAp4lJdY:after {
   animation: glint--T_al5iHMf8JL_lRa 4s linear infinite backwards;
   animation-delay: -3s;
   background-image: linear-gradient(125deg, hsla(0, 0%, 100%, 0) 30%, hsla(0, 0%, 100%, .4) 50%, hsla(0, 0%, 100%, 0) 52%);
   content: " ";
   height: 200%;
   left: -120%;
   position: absolute;
   top: -50%;
   width: 200%
}

.wrapper--YFF6K44FMWnfyf8x {
   position: relative
}

.wrapper--YFF6K44FMWnfyf8x .shadow--fLqK4OTEVQ0tN3Dn {
   aspect-ratio: 3/1;
   background-image: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/normal.2aae77c3.png);
   background-size: 100% 100%;
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
   transform: translateY(50%)
}

@keyframes glint--T_al5iHMf8JL_lRa {
   0% {
      left: -120%
   }

   8% {
      left: 50%
   }

   to {
      left: 50%
   }
}

@keyframes border-glint--K_SFVkOnnAzSsAUT {
   0% {
      background-position: 0, -250px
   }

   25% {
      background-position: 0, -200px
   }

   75% {
      background-position: 0, 50px
   }

   to {
      background-position: 0, 50px
   }
}

@media screen and (max-width:768px) {
   .shiny-button--JZkaI7wUAAp4lJdY {
      font-size: 16px;
      height: 44px;
      width: 132px
   }
}

.show--YkyHTW1JgDE51H1S {
   opacity: 1;
   transform: translateY(0)
}

.content-wrapper--qeqAQXwm5MkLRWBd {
   position: relative
}

.content-wrapper--qeqAQXwm5MkLRWBd:before {
   background: url("https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze/index-content-bg.webp");
   background-position: 50%;
   background-repeat: no-repeat;
   content: "";
   height: 902px;
   left: 0;
   pointer-events: none;
   position: absolute;
   top: -256px;
   width: 100%
}

.shiny-title--qBoX3NMNPsKcXYzL {
   -webkit-text-fill-color: transparent;
   animation: shiny--hoZ0fesssaAeNNPC .5s linear .5s forwards;
   background: linear-gradient(120deg, #080d1ee6 40%, #080d1e59, #080d1ee6 60%);
   -webkit-background-clip: text;
   background-clip: text;
   background-position: 125%;
   background-size: 200% 100%
}

@media screen and (max-width:768px) {
   .content-wrapper--qeqAQXwm5MkLRWBd:before {
      background-image: url("https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze/index-content-bg-m.png");
      height: 461px;
      top: -144px
   }
}

@keyframes shiny--hoZ0fesssaAeNNPC {
   0% {
      background-position: 125%
   }

   to {
      background-position: -25%
   }
}

@font-face {
   font-family: OPPOSansBold;
   src: url("https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/fonts//OPPOSans-H.ttf")
}

@media screen and (max-width:768px) {
   .wrapper--zYdMj3_LlSoje9af {
      width: calc(100% - 8px)
   }
}

.recommend-popover-icon--fkLaVXAvE_5EYjrP.semi-popover-wrapper {
   border-radius: 8px;
   padding: 8px 12px
}

.recommend-popover-icon--fkLaVXAvE_5EYjrP .recommend-doc-link--bfBwE6E_8Dwt63Kq {
   align-items: center;
   display: flex;
   gap: 6px;
   justify-content: center;
   text-decoration: none
}

.recommend-popover-icon--fkLaVXAvE_5EYjrP .recommend-doc-link-text--TBQ5BT55KEkXptgs {
   color: #165dff;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px
}

.container--kauoYKIDpzMaOeqi {
   padding: 24px 0;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .left-container-top--dTsEUj6adT0zQIdg {
   flex: 1 1;
   overflow: hidden
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ {
   align-items: flex-start;
   height: 270px;
   padding: 16px 0;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ.loading-container--xYJXiZxFnEkE0Mge {
   cursor: default;
   max-width: 560px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ.cn-container--E2IpYkCdMwZUwdu_ .title--qLFIdt6m0Dc2nwvI {
   font-size: 38px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ.mini-screen-sm--Kmo9R8QDMtooSQwI {
   height: auto;
   padding-bottom: 14px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ.mini-screen-sm--Kmo9R8QDMtooSQwI .title--qLFIdt6m0Dc2nwvI {
   font-size: 28px;
   line-height: 36px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ.mini-screen-sm--Kmo9R8QDMtooSQwI .desc--WsyhmMau680pTL3v {
   margin-bottom: 16px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ.mini-screen-sm--Kmo9R8QDMtooSQwI .brand--SMyWlbm_IkZdcQfl {
   height: 24px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .info-container--rMogJM7Geob9PFW9 {
   width: 100%
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .brand--SMyWlbm_IkZdcQfl {
   border-radius: 0;
   display: block;
   height: 28px;
   margin-bottom: 8px;
   margin-left: 4px;
   min-width: 40px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .brand--SMyWlbm_IkZdcQfl img {
   overflow: visible;
   vertical-align: top
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .brand--SMyWlbm_IkZdcQfl.skeleton--gQDXRg2RnKYWL5oR {
   width: 120px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .title--qLFIdt6m0Dc2nwvI {
   color: #1d1c23;
   font-size: 40px;
   font-weight: 700;
   line-height: 48px;
   margin-bottom: 8px;
   max-height: 112px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .desc--WsyhmMau680pTL3v {
   color: rgba(29, 28, 35, .6);
   font-size: 16px;
   font-weight: 400;
   height: 24px;
   line-height: 24px;
   margin-bottom: 28px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .btn-favorite-detail--jSIxqZG45oRKHcvW,
.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .btn-view-detail--wtnYeiqJncl_YEQm {
   background-color: #1d1c23;
   border: none;
   border-radius: 32px;
   color: #fff;
   cursor: pointer;
   font-size: 14px;
   font-weight: 600;
   height: 40px;
   line-height: 20px;
   padding: 10px 32px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .btn-favorite-detail--jSIxqZG45oRKHcvW,
.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .btn-favorite-detail--jSIxqZG45oRKHcvW.btn-white--NziGnfUuJsfu4_Lr,
.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .btn-view-detail--wtnYeiqJncl_YEQm.btn-white--NziGnfUuJsfu4_Lr {
   background-color: #fff;
   border: 1px solid rgba(29, 28, 35, .12);
   color: #1d1c23
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .btn-favorite-detail--jSIxqZG45oRKHcvW {
   border-radius: 32px;
   padding: 8px 12px
}

.container--kauoYKIDpzMaOeqi .left-container--r5jGQQ1CHiYcO5eQ .btn-favorite-detail--jSIxqZG45oRKHcvW .icon-uncollected--biwWpObU6IE4PbMq svg path {
   fill: var(--coz-fg-primary)
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 {
   aspect-ratio: 480/270;
   border-radius: 12px;
   box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .12);
   height: 270px;
   margin-left: auto;
   margin-right: 0;
   overflow: hidden;
   position: relative;
   width: 480px
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1.cover-all--Qz9uHAGG8SM_43ED {
   box-shadow: none;
   height: auto;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1.cover-all--Qz9uHAGG8SM_43ED .bot-banner-bg--VGGmkiJyEQ4XOpnx {
   display: block;
   height: auto;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1.cover-all--Qz9uHAGG8SM_43ED .bot-banner-bg--VGGmkiJyEQ4XOpnx img {
   height: auto;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .image-skeleton--dfOdS788t9QZAj2A {
   height: 100%;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1.loading-container--xYJXiZxFnEkE0Mge {
   cursor: default
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-banner-bg--VGGmkiJyEQ4XOpnx {
   box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .12);
   height: 100%;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-banner-bg--VGGmkiJyEQ4XOpnx img {
   width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf {
   background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent);
   bottom: 0;
   left: 0;
   padding: 32px 24px 24px;
   position: absolute;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf:hover .prologue-container--GiYGGTHWEEE2B7RH {
   opacity: 1;
   transform: scale(1);
   transition: transform .2s ease, opacity .2s ease
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .prologue-container--GiYGGTHWEEE2B7RH {
   bottom: 88px;
   left: 24px;
   opacity: 0;
   padding-bottom: 8px;
   position: absolute;
   transform: scale(.95);
   transform-origin: left bottom;
   transition: transform .15s ease-in, opacity .15s ease-in;
   width: calc(100% - 48px);
   will-change: transform, opacity
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .prologue-container--GiYGGTHWEEE2B7RH .prologue-text-container--e24zYsqj84vIpfE4 {
   background-color: #fff;
   border: 1px solid rgba(10, 17, 61, .06);
   border-radius: 16px 16px 16px 0;
   box-shadow: 0 0 16px 0 hsla(0, 23%, 88%, .16);
   padding: 12px
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .prologue-container--GiYGGTHWEEE2B7RH .prologue-text--hqUXQJI8qIqUKTyD {
   color: #2e2e38;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   max-height: 100px
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .bot-info-container--G3VCByyG5cEW0vlT {
   align-items: flex-start;
   flex: 1 1;
   overflow: hidden;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .bot-avatar--x34xCjmlPBUnFf6u {
   background: #f0f0f5;
   border-radius: 8px;
   height: 64px;
   width: 64px
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .bot-type--epFR1gtAWeYNtXGl {
   color: #fff;
   font-size: 10px;
   font-style: normal;
   font-weight: 400;
   line-height: 12px;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .bot-title--BmmoB7Ena0CrUGRH {
   color: #fff;
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
   width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .card-username--ucu7idqCTA1wKcoJ,
.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .card-username--ucu7idqCTA1wKcoJ>* {
   height: 16px;
   line-height: 16px
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .card-username--ucu7idqCTA1wKcoJ span {
   color: #fff !important;
   max-width: 100%
}

.container--kauoYKIDpzMaOeqi .right-container--PHgcgx7VxXYfDWN1 .bot-container--hrxTDiiWffo8SCIf .card-username--ucu7idqCTA1wKcoJ svg path {
   fill: #fff
}

.container--kauoYKIDpzMaOeqi .semi-skeleton-image,
.container--kauoYKIDpzMaOeqi .semi-skeleton-paragraph li,
.container--kauoYKIDpzMaOeqi .semi-skeleton-title {
   background: #f0f0f5
}

.container--g_rnCDCpdCQuu7CG {
   padding: 24px 0;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .left-container-top--GdxZSi1NdaAv_6oI {
   flex: 1 1;
   overflow: hidden
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5 {
   align-items: flex-start;
   cursor: pointer;
   height: 270px;
   padding: 16px 0;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5.loading-container--p7oNy66rD87sSnej {
   cursor: default;
   max-width: 560px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5.cn-container--adMJ4FVWAUMr5a0t .title--gnsyyyHePts3Ax2G {
   font-size: 38px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5.mini-screen-sm--BnmmU1MvKfo4ZfcL {
   height: auto;
   padding-bottom: 14px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5.mini-screen-sm--BnmmU1MvKfo4ZfcL .title--gnsyyyHePts3Ax2G {
   font-size: 28px;
   line-height: 36px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5.mini-screen-sm--BnmmU1MvKfo4ZfcL .desc--vgmlNKaO98YdVNEo {
   margin-bottom: 16px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5.mini-screen-sm--BnmmU1MvKfo4ZfcL .brand--lLz2hL24AHARZAYC {
   height: 24px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5 .info-container--LvwCzcF8X0Eduaid {
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5 .brand--lLz2hL24AHARZAYC {
   border-radius: 0;
   display: block;
   height: 28px;
   margin-bottom: 8px;
   margin-left: 4px;
   min-width: 40px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5 .brand--lLz2hL24AHARZAYC img {
   overflow: visible;
   vertical-align: top
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5 .brand--lLz2hL24AHARZAYC.skeleton--quJZrybA_80knoO6 {
   width: 120px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5 .title--gnsyyyHePts3Ax2G {
   color: #1d1c23;
   font-size: 40px;
   font-weight: 700;
   line-height: 48px;
   margin-bottom: 8px;
   max-height: 112px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5 .desc--vgmlNKaO98YdVNEo {
   color: rgba(29, 28, 35, .6);
   font-size: 16px;
   font-weight: 400;
   height: 24px;
   line-height: 24px;
   margin-bottom: 28px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5 .btn-view-detail--qLm_4jmu4n4ovyeZ {
   background-color: #1d1c23;
   border: none;
   border-radius: 32px;
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   height: 40px;
   line-height: 20px;
   padding: 10px 32px
}

.container--g_rnCDCpdCQuu7CG .left-container--C5O8KD7afYGhg0d5 .btn-view-detail--qLm_4jmu4n4ovyeZ:hover {
   background-color: #1d1c23;
   border: none;
   color: #fff
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq {
   aspect-ratio: 480/270;
   border-radius: 12px;
   box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .12);
   cursor: pointer;
   height: 270px;
   margin-left: auto;
   margin-right: 0;
   overflow: hidden;
   position: relative;
   width: 480px
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq.cover-all--qYk8dL6e7IWQhkd6 {
   box-shadow: none;
   height: auto;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq.cover-all--qYk8dL6e7IWQhkd6 .bot-banner-bg--v2ZE_mxjAKE8Mquo {
   display: block;
   height: auto;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq.cover-all--qYk8dL6e7IWQhkd6 .bot-banner-bg--v2ZE_mxjAKE8Mquo img {
   height: auto;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .image-skeleton--TIW2Czkj5rcC0Ldy {
   height: 100%;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq.loading-container--p7oNy66rD87sSnej {
   cursor: default
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-banner-bg--v2ZE_mxjAKE8Mquo {
   box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .12);
   height: 100%;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-banner-bg--v2ZE_mxjAKE8Mquo img {
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS {
   background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent);
   bottom: 0;
   left: 0;
   padding: 32px 24px 24px;
   position: absolute;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS:hover .prologue-container--vUub99ryvw3nTYWq {
   opacity: 1;
   transform: scale(1);
   transition: transform .2s ease, opacity .2s ease
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .prologue-container--vUub99ryvw3nTYWq {
   bottom: 88px;
   left: 24px;
   opacity: 0;
   padding-bottom: 8px;
   position: absolute;
   transform: scale(.95);
   transform-origin: left bottom;
   transition: transform .15s ease-in, opacity .15s ease-in;
   width: calc(100% - 48px);
   will-change: transform, opacity
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .prologue-container--vUub99ryvw3nTYWq .prologue-text-container--Rbms1AXqU7Ug4z_2 {
   background-color: #fff;
   border: 1px solid rgba(10, 17, 61, .06);
   border-radius: 16px 16px 16px 0;
   box-shadow: 0 0 16px 0 hsla(0, 23%, 88%, .16);
   padding: 12px
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .prologue-container--vUub99ryvw3nTYWq .prologue-text--qyWWrEOqV0sI9Oa8 {
   color: #2e2e38;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   max-height: 100px
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .bot-info-container--cbDJcdU0vWIsJFje {
   align-items: flex-start;
   flex: 1 1;
   overflow: hidden;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .bot-avatar--zS56JZL1OPwcEgLT {
   background: #f0f0f5;
   border-radius: 8px;
   height: 64px;
   width: 64px
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .bot-type--AjT3o9n9WcAX6fgV {
   color: #fff;
   font-size: 10px;
   font-style: normal;
   font-weight: 400;
   line-height: 12px;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .bot-title--yFQlNGjT9QVfYalh {
   color: #fff;
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
   width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .card-username--isDurzD88NEPZL_g,
.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .card-username--isDurzD88NEPZL_g>* {
   height: 16px;
   line-height: 16px
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .card-username--isDurzD88NEPZL_g span {
   color: #fff !important;
   max-width: 100%
}

.container--g_rnCDCpdCQuu7CG .right-container--sSpjha__PDovkeiq .bot-container--OQR2Qlpsvw89fZrS .card-username--isDurzD88NEPZL_g svg path {
   fill: #fff
}

.container--g_rnCDCpdCQuu7CG .semi-skeleton-image,
.container--g_rnCDCpdCQuu7CG .semi-skeleton-paragraph li,
.container--g_rnCDCpdCQuu7CG .semi-skeleton-title {
   background: #f0f0f5
}

.card-container--wcHIK3GYJqY4B0HM {
   background: #fff;
   cursor: pointer;
   margin-bottom: 16px;
   overflow: hidden;
   padding: 20px 20px 16px;
   position: relative;
   width: 100%
}

.card-container--wcHIK3GYJqY4B0HM .cart-head-continer--OL2L41HBmvEQbnFm {
   width: 100%
}

.card-container--wcHIK3GYJqY4B0HM .info-container--SoVZ_uyl21sBlE6p {
   height: 126px;
   overflow: hidden;
   width: 100%
}

.card-container--wcHIK3GYJqY4B0HM .info-container--SoVZ_uyl21sBlE6p .card-title--Mr1VIWuSe8szvGW1 {
   color: #1c1d23;
   font-size: 18px;
   font-weight: 600;
   height: 24px;
   line-height: 24px
}

.card-container--wcHIK3GYJqY4B0HM .info-container--SoVZ_uyl21sBlE6p .card-desc--Yp7obhuhV8cTT0en {
   color: rgba(56, 55, 67, .8);
   font-size: 14px;
   font-weight: 400;
   height: 40px;
   line-height: 20px;
   margin-top: 4px;
   width: 100%
}

.card-container--wcHIK3GYJqY4B0HM .info-container--SoVZ_uyl21sBlE6p .card-desc--Yp7obhuhV8cTT0en.no-tag--_5YbIL63GZUHbbCF {
   height: 60px
}

.card-container--wcHIK3GYJqY4B0HM .info-container--SoVZ_uyl21sBlE6p .card-tag-list--WknvUEUYXxMX6yv6 {
   height: 22px;
   margin-top: 8px
}

.card-container--wcHIK3GYJqY4B0HM .info-container--SoVZ_uyl21sBlE6p .card-tag-list--WknvUEUYXxMX6yv6.no-tag--_5YbIL63GZUHbbCF {
   height: 2px
}

.card-container--wcHIK3GYJqY4B0HM .divider--TLHJGKqqxdcJIO2_ {
   border-bottom: .5px solid #f0f0f5;
   margin-bottom: 16px;
   margin-top: 20px
}

.card-container--wcHIK3GYJqY4B0HM .cart-head-content--bYAf1Hffra8LlkKA {
   position: relative
}

.card-container--wcHIK3GYJqY4B0HM .card-avatar--NnsW3Thkx7Ea7w2h {
   background: #f0f0f5;
   border: 1px solid #f0f0f5;
   border-radius: 8px;
   height: 64px;
   width: 64px
}

.card-container--wcHIK3GYJqY4B0HM .card-avatar--NnsW3Thkx7Ea7w2h.card-platform--xFXjfAVGAyg9mLw0 {
   border-radius: 4px;
   height: 20px;
   width: 20px
}

.card-container--wcHIK3GYJqY4B0HM .card-sub-text--r600Z7eKl8YkzlY2 {
   color: rgba(29, 28, 35, .35);
   font-size: 12px;
   font-weight: 400;
   line-height: 16px
}

.card-container--wcHIK3GYJqY4B0HM .card-username--FED3VUkVBHoP4scr {
   height: 16px;
   line-height: 16px;
   max-width: 100%
}

.card-container--wcHIK3GYJqY4B0HM .card-username--FED3VUkVBHoP4scr div,
.card-container--wcHIK3GYJqY4B0HM .card-username--FED3VUkVBHoP4scr div span {
   max-width: 100%
}

.card-container--wcHIK3GYJqY4B0HM .card-username--FED3VUkVBHoP4scr>:first-child path {
   fill: rgba(28, 29, 35, .35)
}

.card-container--wcHIK3GYJqY4B0HM .platform-container--CZ4GqIeryv09ixsk {
   margin-left: auto;
   margin-right: 0
}

.card-container--wcHIK3GYJqY4B0HM .platform-container--CZ4GqIeryv09ixsk .more-num--IuLVeOeXWRYpvDOU {
   background-color: #e5e7ea;
   color: rgba(29, 28, 35, .35);
   font-size: 12px;
   font-weight: 400;
   height: 16px;
   padding: 0 4px
}

.card-container--wcHIK3GYJqY4B0HM .bot-category-tag--kxR7KGM9YrsCvbhI {
   border: 1px solid rgba(95, 103, 118, .12);
   border-radius: 6px;
   height: 22px;
   line-height: 16px;
   max-width: 200px
}

.card-container--wcHIK3GYJqY4B0HM .bot-category-tag--kxR7KGM9YrsCvbhI .bot-category-text--j1oz6_kDBsgCjo6g {
   color: rgba(28, 29, 35, .6);
   font-size: 12px;
   font-weight: 500
}

.card-statics--qL5_H1fwyXI7MY1N {
   height: 20px;
   line-height: 20px
}

.card-statics--qL5_H1fwyXI7MY1N .card-tag-text--BCSq1i7a3aAIp6df {
   color: var(--semi-color-text-3, rgba(28, 29, 35, .35));
   font-size: 12px;
   line-height: 16px;
   max-width: 60px
}

.card-statics--qL5_H1fwyXI7MY1N .card-icon--esPEslXdVs7F4diC,
.card-statics--qL5_H1fwyXI7MY1N .card-icon--esPEslXdVs7F4diC svg {
   height: 12px;
   width: 12px
}

.middle--a3A7nyotO4bL9Jp_ .card-statics--qL5_H1fwyXI7MY1N .card-tag-text--BCSq1i7a3aAIp6df {
   font-size: 14px;
   line-height: 20px
}

.middle--a3A7nyotO4bL9Jp_ .card-statics--qL5_H1fwyXI7MY1N .card-icon--esPEslXdVs7F4diC,
.middle--a3A7nyotO4bL9Jp_ .card-statics--qL5_H1fwyXI7MY1N .card-icon--esPEslXdVs7F4diC svg {
   height: 16px;
   width: 16px
}

.favorite-card-statics-container--EuYoWBeTk9c6mtMC {
   cursor: pointer
}

.favorite-card-statics-container--EuYoWBeTk9c6mtMC .card-statics--qL5_H1fwyXI7MY1N:hover .card-tag-text--BCSq1i7a3aAIp6df {
   color: #1c1d23
}

.favorite-card-statics-container--EuYoWBeTk9c6mtMC .card-statics--qL5_H1fwyXI7MY1N:hover .favorite-btn-container--zYdALXxVJMAs_KM0 .favorite-btn-uncollected--u6HUtcAiOhsl4kJN svg path {
   fill: #1c1d23
}

.cart-head-content--tRT8i2ie0WsgoANu {
   position: relative
}

.cart-head-content--tRT8i2ie0WsgoANu .card-avatar--qwJJrLSVV84yzDF0 {
   background: #f0f0f5;
   border: 1px solid #f0f0f5;
   border-radius: 8px;
   height: 64px;
   width: 64px
}

.cart-head-content--tRT8i2ie0WsgoANu .card-avatar--qwJJrLSVV84yzDF0.card-platform--CZhlTHsWIyH6h1KD {
   border-radius: 4px;
   height: 20px;
   width: 20px
}

.cart-head-content--tRT8i2ie0WsgoANu .cart-head-call-bj--iSs6UylMbL8p2VY4 {
   align-items: center;
   background-color: #fff;
   border-radius: 50%;
   display: flex;
   height: 26px;
   justify-content: center;
   left: 46px;
   position: absolute;
   top: 46px;
   width: 26px
}

.cart-head-content--tRT8i2ie0WsgoANu .cart-head-call-bj--iSs6UylMbL8p2VY4 .cart-head-call--AGlE1lml_wIiCJPk {
   align-items: center;
   background-color: #3ec254;
   border-radius: 50%;
   display: flex;
   -webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .25));
   filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .25));
   height: 24px;
   justify-content: center;
   width: 24px
}

.cart-head-call-tip--XMDapUTQdQeg8CkZ {
   background: #222a3c !important;
   color: hsla(0, 0%, 100%, .79) !important
}

.cart-head-call-tip--XMDapUTQdQeg8CkZ .semi-tooltip-icon-arrow {
   color: #222a3c !important
}

.bottom-container--lTwdXjBhYgrY9Fw2 {
   align-items: flex-start;
   margin-top: 16px;
   width: 100%
}

.bottom-container--lTwdXjBhYgrY9Fw2 .content-container--mRNks69zvoRG6_xp {
   flex: 1 1;
   height: 100%
}

.bottom-container--lTwdXjBhYgrY9Fw2.screen-md--dHrZ57YK4QbKE4Ng {
   margin-top: 0
}

.bot-list-fix-header--ZT_aVDfMj0sNDLBB {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 10
}

.category-container--_cVWhFZVmtwKdpwj {
   position: -webkit-sticky;
   position: sticky;
   top: 80px;
   z-index: 9
}

.category-container-sub--prxc8j5SZ6ELd7fY {
   padding-bottom: 12px;
   padding-top: 12px
}

.category-container-sub--prxc8j5SZ6ELd7fY .category-row--qHYvV2TpsDgQDZZn {
   display: flex
}

.category-container-sub--prxc8j5SZ6ELd7fY .category-row--qHYvV2TpsDgQDZZn .category-list--c9mWmXdru8wEIOe3 {
   flex: 1 1;
   overflow: hidden
}

.category-container-sub--prxc8j5SZ6ELd7fY .category-row--qHYvV2TpsDgQDZZn .icon-search--mpHk_JNgHaIuRwFX {
   align-items: center;
   background-color: #fff;
   border-radius: 32px;
   font-size: 14px;
   justify-content: center;
   line-height: 32px;
   margin-left: auto;
   padding: 0 10px;
   width: 32px
}

.category-container-sub--prxc8j5SZ6ELd7fY .category-row--qHYvV2TpsDgQDZZn .icon-search--mpHk_JNgHaIuRwFX svg {
   color: #1d1c23
}

.category-container-sub--prxc8j5SZ6ELd7fY .category-row--qHYvV2TpsDgQDZZn .icon-search--mpHk_JNgHaIuRwFX.activated--NIxRkdrMO7MdDu2g {
   background-color: #4d53e8
}

.category-container-sub--prxc8j5SZ6ELd7fY .category-row--qHYvV2TpsDgQDZZn .icon-search--mpHk_JNgHaIuRwFX.activated--NIxRkdrMO7MdDu2g svg {
   color: #fff
}

.category-container-sub--prxc8j5SZ6ELd7fY .search-input--tr8kdEVxEcg5cced {
   height: 32px;
   margin-top: 10px;
   width: 100% !important
}

@media (min-width:1920px) {

   .bot-list-fix-header--ZT_aVDfMj0sNDLBB,
   .category-container-sub--prxc8j5SZ6ELd7fY,
   .container--hN5WD8ZxNg4QCuJK {
      margin: 0 auto;
      width: min(1636px, 100%)
   }

   .bot-list-fix-header--ZT_aVDfMj0sNDLBB.whole-page--v9zqySxLv5kXbd7j,
   .category-container-sub--prxc8j5SZ6ELd7fY.whole-page--v9zqySxLv5kXbd7j,
   .container--hN5WD8ZxNg4QCuJK.whole-page--v9zqySxLv5kXbd7j {
      width: 1900px
   }
}

body {
   padding-left: constant(safe-area-inset-left);
   padding-left: env(safe-area-inset-left);
   padding-right: constant(safe-area-inset-right);
   padding-right: env(safe-area-inset-right);
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top)
}

.check--wCmf6KDb13ow1xPs {
   position: absolute;
   right: 16px;
   top: 16px;
   z-index: 10
}

.container--OFpKm1cFOpE_1Py8 {
   background-color: #fff;
   border-radius: 16px;
   height: 300px;
   padding: 12px;
   width: 100%
}

.container--OFpKm1cFOpE_1Py8 .container-wrapper--hValQX8b9gw65taW {
   align-items: center;
   background-image: url("https://lf3-static.bytednsdoc.com/obj/eden-cn/613eh7lpqvhpeuloz/222/landing.jpg");
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 8px;
   display: flex;
   flex-direction: column;
   height: 276px;
   position: relative
}

.container--OFpKm1cFOpE_1Py8 .image--_5AZpt35knIEsbHN {
   margin-top: 12px;
   object-fit: cover;
   width: 80px
}

.container--OFpKm1cFOpE_1Py8:hover {
   box-shadow: 0 4px 12px 0 rgba(var(--coze-shadow-0), .08), 0 8px 24px 0 rgba(var(--coze-shadow-0), .04)
}

.decoration--kSGx_wB8aAUBCoGR {
   color: #4b48ff;
   font-size: 14px;
   font-weight: 500;
   position: absolute;
   right: 20px;
   top: 20px
}

.title--FDA78GU75IA44ig8 {
   color: #101828;
   font-size: 32px;
   font-weight: 600;
   margin-bottom: 5px;
   margin-top: 5px;
   text-align: center
}

.description--RGyaAWoQt1MUjGdt {
   color: #475467;
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   margin: 0;
   padding: 0 16px;
   text-align: center;
   width: 100%
}

.button--_pCYJ6x4wdQrLWFN {
   background: #000;
   border: none;
   border-radius: 10px;
   color: #fff;
   cursor: pointer;
   font-size: 16px;
   height: 44px;
   margin-top: 32px;
   padding: 9px 20px;
   width: 120px
}

.button--_pCYJ6x4wdQrLWFN:hover {
   background: #292929
}

.bot-list-ui-content--OeUwddPjghAJnczE {
   flex: 1 1;
   overflow: auto scroll;
   padding: 0;
   position: relative
}

.bg-container--vtmxgFE3D4C30FkU {
   background: url(https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/static/image/bog-store-bg.5120f812.png) no-repeat top;
   background-size: 2560px auto
}

@media (min-width:2560px) {
   .bg-container--vtmxgFE3D4C30FkU {
      margin: 0 auto;
      width: 2560px
   }
}

.home-provider--sYUDxiD56wftoeZB {
   box-shadow: 20px 8px 48px 0 rgba(0, 0, 0, .12), 0 16px 96px 0 rgba(0, 0, 0, .08);
   height: 800px;
   width: 400px
}

@media (max-height:824px) {
   .home-provider--sYUDxiD56wftoeZB {
      height: calc(100% - 24px)
   }
}

.ours-select {
   position: relative
}

.ours-select .selection-item {
   display: block;
   cursor: pointer;
   width: 100%;
   height: 36px;
   line-height: 36px;
   box-sizing: border-box;
   padding: 0 32px 0 10px;
   position: relative
}

.ours-select .selection-item .arrow-svg {
   position: absolute;
   display: inline-block;
   width: 14px;
   height: 14px;
   top: 50%;
   transform: translateY(-50%);
   right: 10px
}

.ours-select .selection-item .arrow-svg path {
   transition: all .3s
}

.ours-select .selection-item .arrow-fold::before {
   right: 50%;
   top: 75%;
   transform: rotate(45deg)
}

.ours-select .selection-item .arrow-fold::after {
   left: 50%;
   top: 75%;
   transform: rotate(-45deg)
}

.ours-select .selection-item .arrow-unfold::before {
   right: 50%;
   top: 25%;
   transform: rotate(-45deg)
}

.ours-select .selection-item .arrow-unfold::after {
   left: 50%;
   top: 25%;
   transform: rotate(45deg)
}

.ours-select .selector {
   top: 0;
   position: absolute;
   border-radius: 6px;
   overflow: hidden;
   width: 100%;
   background: #f7f7f7
}

.ours-select .selector:focus {
   outline: none
}

.ours-select .selector.z-index {
   z-index: 9999999999999;
   box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, .14)
}

.ours-select .selector .select-dropdown {
   transition: all .2s
}

.ours-select .selector .select-dropdown.unfold {
   max-height: 252px;
   overflow-y: auto;
   z-index: 9999999
}

.ours-select .selector .select-dropdown.fold {
   max-height: 0px;
   overflow-y: hidden
}

.ours-select .option-wrapper {
   cursor: pointer;
   width: 100%;
   height: 36px;
   line-height: 36px;
   box-sizing: border-box;
   padding: 0 32px 0 10px
}

.ours-select .option-wrapper:hover {
   background: #fff
}

.ours-select .seleted {
   background: #e6f4ff
}

.ours-select .option {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   user-select: none
}

