: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: .5px;
  --coze-fg-1-alpha: .38;
  --coze-fg-2-alpha: .62;
  --coze-fg-3-alpha: .82;
  --coze-fg-4-alpha: .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: .04;
  --coze-bg-5-alpha: .08;
  --coze-bg-6-alpha: .13;
  --coze-bg-7-alpha: .19;
  --coze-bg-8-alpha: .25;
  --coze-bg-9-alpha: .16;
  --coze-stroke-5-alpha: .13;
  --coze-stroke-6-alpha: .25;
  --coze-stroke-7-alpha: .38;
  --coze-brand-0-alpha: .23;
  --coze-brand-1-alpha: .3;
  --coze-brand-2-alpha: .38;
  --coze-brand-3-alpha: .45;
  --coze-brand-5-alpha: 1;
  --coze-brand-6-alpha: 1;
  --coze-brand-7-alpha: 1;
  --coze-brand-30-alpha: .45;
  --coze-brand-50-alpha: 1;
  --coze-red-0-alpha: .23;
  --coze-red-1-alpha: .3;
  --coze-red-2-alpha: .38;
  --coze-red-3-alpha: .45;
  --coze-yellow-50-alpha: 1;
  --coze-yellow-30-alpha: .45;
  --coze-yellow-0-alpha: .23;
  --coze-yellow-1-alpha: .3;
  --coze-yellow-2-alpha: .38;
  --coze-yellow-3-alpha: .45;
  --coze-yellow-5-alpha: 1;
  --coze-yellow-6-alpha: 1;
  --coze-yellow-7-alpha: 1;
  --coze-green-0-alpha: .23;
  --coze-green-1-alpha: .3;
  --coze-green-2-alpha: .38;
  --coze-green-3-alpha: .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: .45;
  --coze-emerald-5-alpha: 1;
  --coze-emerald-3-alpha: .45;
  --coze-emerald-50-alpha: 1;
  --coze-emerald-30-alpha: .55;
  --coze-emerald-20-alpha: .45;
  --coze-emerald-10-alpha: .2;
  --coze-cyan-5-alpha: 1;
  --coze-cyan-3-alpha: .45;
  --coze-cyan-50-alpha: 1;
  --coze-cyan-30-alpha: .45;
  --coze-cyan-20-alpha: .38;
  --coze-cyan-10-alpha: .3;
  --coze-blue-5-alpha: 1;
  --coze-blue-3-alpha: .45;
  --coze-blue-50-alpha: 1;
  --coze-blue-30-alpha: .45;
  --coze-blue-20-alpha: .38;
  --coze-blue-10-alpha: .3;
  --coze-purple-7-alpha: 1;
  --coze-purple-6-alpha: 1;
  --coze-purple-5-alpha: 1;
  --coze-purple-3-alpha: .45;
  --coze-purple-2-alpha: .38;
  --coze-purple-1-alpha: .3;
  --coze-purple-50-alpha: 1;
  --coze-purple-30-alpha: .45;
  --coze-purple-20-alpha: .38;
  --coze-purple-10-alpha: .3;
  --coze-magenta-5-alpha: 1;
  --coze-magenta-3-alpha: .45;
  --coze-magenta-50-alpha: 1;
  --coze-magenta-30-alpha: .45;
  --coze-magenta-20-alpha: .38;
  --coze-magenta-10-alpha: .3;
  --coze-alternative-30-alpha: .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: .22;
  --coze-fg-2-alpha: .39;
  --coze-fg-3-alpha: .79;
  --coze-fg-4-alpha: 1;
  --coze-fg-5-alpha: 1;
  --coze-fg-6-alpha: .22;
  --coze-fg-7-alpha: 1;
  --coze-fg-revert-alpha: 1;
  --coze-fg-white-alpha: .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: .02;
  --coze-bg-5-alpha: .05;
  --coze-bg-6-alpha: .08;
  --coze-bg-7-alpha: .11;
  --coze-bg-8-alpha: .14;
  --coze-bg-9-alpha: .17;
  --coze-stroke-5-alpha: .12;
  --coze-stroke-6-alpha: .17;
  --coze-stroke-7-alpha: .21;
  --coze-brand-0-alpha: .2;
  --coze-brand-1-alpha: .2;
  --coze-brand-2-alpha: .32;
  --coze-brand-3-alpha: .37;
  --coze-brand-30-alpha: .41;
  --coze-brand-50-alpha: 1;
  --coze-red-1-alpha: .2;
  --coze-red-2-alpha: .33;
  --coze-red-3-alpha: .39;
  --coze-yellow-50-alpha: 1;
  --coze-yellow-30-alpha: .36;
  --coze-yellow-1-alpha: .2;
  --coze-yellow-2-alpha: .32;
  --coze-yellow-3-alpha: .37;
  --coze-green-1-alpha: .2;
  --coze-green-2-alpha: .34;
  --coze-green-3-alpha: .39;
  --coze-orange-3-alpha: .36;
  --coze-orange-5-alpha: .36;
  --coze-emerald-5-alpha: 1;
  --coze-emerald-3-alpha: .35;
  --coze-emerald-50-alpha: 1;
  --coze-emerald-30-alpha: .38;
  --coze-emerald-20-alpha: .33;
  --coze-emerald-10-alpha: .2;
  --coze-cyan-5-alpha: 1;
  --coze-cyan-3-alpha: .36;
  --coze-cyan-50-alpha: 1;
  --coze-cyan-30-alpha: .39;
  --coze-cyan-20-alpha: .33;
  --coze-cyan-10-alpha: .2;
  --coze-blue-5-alpha: 1;
  --coze-blue-3-alpha: .37;
  --coze-blue-50-alpha: 1;
  --coze-blue-30-alpha: .4;
  --coze-blue-20-alpha: .34;
  --coze-blue-10-alpha: .2;
  --coze-purple-7-alpha: 1;
  --coze-purple-6-alpha: 1;
  --coze-purple-5-alpha: 1;
  --coze-purple-3-alpha: .36;
  --coze-purple-2-alpha: .31;
  --coze-purple-1-alpha: .2;
  --coze-purple-50-alpha: 1;
  --coze-purple-30-alpha: .38;
  --coze-purple-20-alpha: .33;
  --coze-purple-10-alpha: .2;
  --coze-magenta-5-alpha: 1;
  --coze-magenta-3-alpha: .35;
  --coze-magenta-50-alpha: 1;
  --coze-magenta-30-alpha: .36;
  --coze-magenta-20-alpha: .31;
  --coze-magenta-10-alpha: .2;
  --coze-alternative-30-alpha: .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), .4);
  --coz-mg-table-fixed-hovered: rgba(var(--coze-bg-0), 1);
  --coz-mg-card-pressed: rgba(var(--coze-bg-1), var(--coze-bg-1-alpha));
  --coz-mg-card-hovered: rgba(var(--coze-bg-2), var(--coze-bg-2-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), .08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), .04);
  --coz-shadow-large: 0px 8px 24px 0px rgba(var(--coze-shadow-0), .16), 0px 16px 48px 0px rgba(var(--coze-shadow-0), .08);
  --coz-shadow-default: 0 4px 12px 0px rgba(var(--coze-shadow-0), .08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), .04);
  --coz-shadow-small: 0px 2px 6px 0px rgba(var(--coze-shadow-0), .04), 0px 4px 12px 0px rgba(var(--coze-shadow-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);
}

[type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select {
  appearance: none;
  --tw-shadow: 0 0 #0000;
  background-color: #fff;
  border-width: 1px;
  border-color: #6b7280;
  border-radius: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

[type="text"]:focus, input:where(:not([type])):focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus {
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
  outline: 2px solid #0000;
}

input::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input::placeholder, textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit {
  padding-top: 0;
  padding-bottom: 0;
}

::-webkit-datetime-edit-year-field {
  padding-top: 0;
  padding-bottom: 0;
}

::-webkit-datetime-edit-month-field {
  padding-top: 0;
  padding-bottom: 0;
}

::-webkit-datetime-edit-day-field {
  padding-top: 0;
  padding-bottom: 0;
}

::-webkit-datetime-edit-hour-field {
  padding-top: 0;
  padding-bottom: 0;
}

::-webkit-datetime-edit-minute-field {
  padding-top: 0;
  padding-bottom: 0;
}

::-webkit-datetime-edit-second-field {
  padding-top: 0;
  padding-bottom: 0;
}

::-webkit-datetime-edit-millisecond-field {
  padding-top: 0;
  padding-bottom: 0;
}

::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right .5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
}

[multiple], [size]:where(select:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  -webkit-print-color-adjust: unset;
  print-color-adjust: unset;
  padding-right: .75rem;
}

[type="checkbox"], [type="radio"] {
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: middle;
  user-select: none;
  color: #2563eb;
  --tw-shadow: 0 0 #0000;
  background-color: #fff;
  background-origin: border-box;
  border-width: 1px;
  border-color: #6b7280;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  padding: 0;
  display: inline-block;
}

[type="checkbox"] {
  border-radius: 0;
}

[type="radio"] {
  border-radius: 100%;
}

[type="checkbox"]:focus, [type="radio"]:focus {
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --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);
  outline: 2px solid #0000;
}

[type="checkbox"]:checked, [type="radio"]:checked {
  background-color: currentColor;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-color: #0000;
}

[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  [type="checkbox"]:checked {
    appearance: auto;
  }
}

[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  [type="radio"]:checked {
    appearance: auto;
  }
}

[type="checkbox"]:checked:hover, [type="checkbox"]:checked:focus, [type="radio"]:checked:hover, [type="radio"]:checked:focus {
  background-color: currentColor;
  border-color: #0000;
}

[type="checkbox"]:indeterminate {
  background-color: currentColor;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-color: #0000;
}

@media (forced-colors: active) {
  [type="checkbox"]:indeterminate {
    appearance: auto;
  }
}

[type="checkbox"]:indeterminate:hover, [type="checkbox"]:indeterminate:focus {
  background-color: currentColor;
  border-color: #0000;
}

[type="file"] {
  background: unset;
  border-color: inherit;
  font-size: unset;
  line-height: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

[type="file"]:focus {
  outline: 1px solid buttontext;
  outline: 1px auto -webkit-focus-ring-color;
}

body {
  background-color: rgba(var(--background), 1);
  color: rgba(var(--foreground), 1);
}

input[type="text"], textarea {
  caret-color: rgba(var(--coze-brand-6), 1);
}

input[type="text"] ::-moz-selection {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

textarea ::-moz-selection {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

input[type="text"] ::selection {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

textarea ::selection {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

input[type="text"]::-moz-selection {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

textarea::-moz-selection {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

input[type="text"]::selection {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

textarea::selection {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

*, :before, :after, ::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: #3b82f680;
  --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: ;
}

.container {
  width: 100%;
}

@media (width >= 640px) {
  .container {
    max-width: 640px;
  }
}

@media (width >= 768px) {
  .container {
    max-width: 768px;
  }
}

@media (width >= 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (width >= 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (width >= 1536px) {
  .container {
    max-width: 1536px;
  }
}

.pointer-events-none {
  pointer-events: none;
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.collapse {
  visibility: collapse;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0;
}

.bottom {
  bottom: var(--coze-8);
}

.bottom-0 {
  bottom: 0;
}

.end {
  inset-inline-end: var(--coze-8);
}

.left {
  left: var(--coze-8);
}

.left-1\/2 {
  left: 50%;
}

.right {
  right: var(--coze-8);
}

.right-24px {
  right: var(--coze-24);
}

.start {
  inset-inline-start: var(--coze-8);
}

.top {
  top: var(--coze-8);
}

.top-0 {
  top: 0;
}

.top-1\/2 {
  top: 50%;
}

.top-24px {
  top: var(--coze-24);
}

.float-left {
  float: left;
}

.clear-both {
  clear: both;
}

.m {
  margin: var(--coze-8);
}

.m-0 {
  margin: 0;
}

.m-2 {
  margin: .5rem;
}

.m-2\.5 {
  margin: .625rem;
}

.m-8px {
  margin: var(--coze-8);
}

.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-12px {
  margin-top: var(--coze-12);
  margin-bottom: var(--coze-12);
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.my-\[16px\] {
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-\[8px\] {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-24px {
  margin-bottom: var(--coze-24);
}

.mb-2px {
  margin-bottom: var(--coze-2);
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-\[16px\] {
  margin-bottom: 16px;
}

.me {
  margin-inline-end: var(--coze-8);
}

.ml-2 {
  margin-left: .5rem;
}

.ml-2px {
  margin-left: var(--coze-2);
}

.ml-4px {
  margin-left: var(--coze-4);
}

.ml-5px {
  margin-left: var(--coze-5);
}

.ml-8px {
  margin-left: var(--coze-8);
}

.ml-9px {
  margin-left: var(--coze-9);
}

.ml-\[300px\] {
  margin-left: 300px;
}

.ml-\[4px\] {
  margin-left: 4px;
}

.ml-\[5px\] {
  margin-left: 5px;
}

.mr-2 {
  margin-right: .5rem;
}

.mr-20px {
  margin-right: var(--coze-20);
}

.mr-2px {
  margin-right: var(--coze-2);
}

.mr-4px {
  margin-right: var(--coze-4);
}

.mr-8px {
  margin-right: var(--coze-8);
}

.mr-\[4px\] {
  margin-right: 4px;
}

.mr-\[5px\] {
  margin-right: 5px;
}

.ms {
  margin-inline-start: var(--coze-8);
}

.mt-1 {
  margin-top: .25rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-2px {
  margin-top: var(--coze-2);
}

.mt-4 {
  margin-top: 1rem;
}

.mt-\[16px\] {
  margin-top: 16px;
}

.mt-\[24px\] {
  margin-top: 24px;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.\!h-\[600px\] {
  height: 600px !important;
}

.h {
  height: var(--coze-32);
}

.h-10 {
  height: 2.5rem;
}

.h-12px {
  height: var(--coze-12);
}

.h-160px {
  height: var(--coze-160);
}

.h-16px {
  height: var(--coze-16);
}

.h-18px {
  height: var(--coze-18);
}

.h-20px {
  height: var(--coze-20);
}

.h-24px {
  height: var(--coze-24);
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-32 {
  height: 8rem;
}

.h-32px {
  height: var(--coze-32);
}

.h-48px {
  height: var(--coze-48);
}

.h-6 {
  height: 1.5rem;
}

.h-64px {
  height: var(--coze-64);
}

.h-8 {
  height: 2rem;
}

.h-80px {
  height: var(--coze-80);
}

.h-\[2000px\] {
  height: 2000px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[32px\] {
  height: 32px;
}

.h-\[36px\] {
  height: 36px;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[600px\] {
  height: 600px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-md {
  height: var(--coze-64);
}

.h-mini {
  height: var(--coze-16);
}

.\!w-\[360px\] {
  width: 360px !important;
}

.\!w-\[800px\] {
  width: 800px !important;
}

.w-10 {
  width: 2.5rem;
}

.w-120px {
  width: var(--coze-120);
}

.w-12px {
  width: var(--coze-12);
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-160px {
  width: var(--coze-160);
}

.w-16px {
  width: var(--coze-16);
}

.w-18px {
  width: var(--coze-18);
}

.w-200px {
  width: var(--coze-200);
}

.w-240px {
  width: var(--coze-240);
}

.w-24px {
  width: var(--coze-24);
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

.w-32 {
  width: 8rem;
}

.w-32px {
  width: var(--coze-32);
}

.w-48 {
  width: 12rem;
}

.w-480px {
  width: var(--coze-480);
}

.w-48px {
  width: var(--coze-48);
}

.w-6 {
  width: 1.5rem;
}

.w-64px {
  width: var(--coze-64);
}

.w-8 {
  width: 2rem;
}

.w-80px {
  width: var(--coze-80);
}

.w-96px {
  width: var(--coze-96);
}

.w-\[100px\] {
  width: 100px;
}

.w-\[1024px\] {
  width: 1024px;
}

.w-\[144px\] {
  width: 144px;
}

.w-\[1px\] {
  width: 1px;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[208px\] {
  width: 208px;
}

.w-\[220px\] {
  width: 220px;
}

.w-\[32px\] {
  width: 32px;
}

.w-\[36px\] {
  width: 36px;
}

.w-auto {
  width: auto;
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-xl {
  width: var(--coze-80);
}

.min-w-\[250px\] {
  min-width: 250px;
}

.min-w-\[96px\] {
  min-width: 96px;
}

.max-w-\[180px\] {
  max-width: 180px;
}

.max-w-\[240px\] {
  max-width: 240px;
}

.flex-1 {
  flex: 1;
}

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

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

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

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: 1s linear infinite spin;
}

.cursor-default {
  cursor: default;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.gap {
  gap: var(--coze-8);
}

.gap-1 {
  gap: .25rem;
}

.gap-12px {
  gap: var(--coze-12);
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-4px {
  gap: var(--coze-4);
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[12px\] {
  gap: 12px;
}

.gap-\[16px\] {
  gap: 16px;
}

.gap-\[2px\] {
  gap: 2px;
}

.gap-\[44px\] {
  gap: 44px;
}

.gap-\[48px\] {
  gap: 48px;
}

.gap-\[4px\] {
  gap: 4px;
}

.gap-\[8px\] {
  gap: 8px;
}

.gap-x-2 {
  -moz-column-gap: .5rem;
  column-gap: .5rem;
}

.gap-y-2 {
  row-gap: .5rem;
}

.space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.5rem * var(--tw-space-x-reverse));
  margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(var(--coze-1) * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(var(--coze-1) * var(--tw-divide-y-reverse));
}

.divide-background-6 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.rounded {
  border-radius: var(--coze-8);
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: .5rem;
}

.rounded-little {
  border-radius: var(--coze-5);
}

.rounded-m {
  border-radius: var(--coze-10);
}

.rounded-md {
  border-radius: var(--coze-12);
}

.rounded-mini {
  border-radius: var(--coze-4);
}

.rounded-normal {
  border-radius: var(--coze-8);
}

.rounded-small {
  border-radius: var(--coze-6);
}

.rounded-ultra {
  border-radius: var(--coze-40);
}

.rounded-xl {
  border-radius: var(--coze-16);
}

.rounded-xxl {
  border-radius: var(--coze-24);
}

.\!rounded-l-none {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.\!rounded-r-none {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border {
  border-width: var(--coze-1);
}

.border-0 {
  border-width: 0;
}

.border-\[0\.5px\] {
  border-width: .5px;
}

.border-b {
  border-bottom-width: var(--coze-1);
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-brand-6 {
  border-color: rgba(var(--coze-brand-6), 1);
}

.border-foreground-1 {
  border-color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
}

.border-green-5 {
  border-color: rgba(var(--coze-green-5), 1);
}

.border-purple-5 {
  border-color: rgba(var(--coze-purple-5), 1);
}

.border-red-2 {
  border-color: rgba(var(--coze-red-2), var(--coze-red-2-alpha));
}

.border-red-5 {
  border-color: rgba(var(--coze-red-5), 1);
}

.border-red-6 {
  border-color: rgba(var(--coze-red-6), 1);
}

.border-stroke {
  border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
}

.border-transparent {
  border-color: #0000;
}

.border-yellow-5 {
  border-color: rgba(var(--coze-yellow-5), 1);
}

.border-b-stroke {
  border-bottom-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
}

.bg-background-1 {
  background-color: rgba(var(--coze-bg-1), var(--coze-bg-1-alpha));
}

.bg-background-2 {
  background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
}

.bg-background-3 {
  background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
}

.bg-background-4 {
  background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha));
}

.bg-brand-6 {
  background-color: rgba(var(--coze-brand-6), 1);
}

.bg-foreground-3 {
  background-color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
}

.bg-foreground-5 {
  background-color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
}

.bg-green-5 {
  background-color: rgba(var(--coze-green-5), 1);
}

.bg-purple-5 {
  background-color: rgba(var(--coze-purple-5), 1);
}

.bg-red-5 {
  background-color: rgba(var(--coze-red-5), 1);
}

.bg-stroke {
  background-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
}

.bg-transparent {
  background-color: #0000;
}

.bg-white {
  background-color: rgb(var(--white-1));
}

.bg-white-3 {
  background-color: rgb(var(--white-3));
}

.bg-yellow-1 {
  background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha));
}

.bg-yellow-5 {
  background-color: rgba(var(--coze-yellow-5), 1);
}

.fill {
  fill: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
}

.fill-background {
  fill: rgba(var(--background), 1);
}

.fill-brand-5 {
  fill: rgba(var(--coze-brand-5), 1);
}

.fill-brand-6 {
  fill: rgba(var(--coze-brand-6), 1);
}

.fill-foreground {
  fill: rgba(var(--foreground), 1);
}

.fill-foreground-3 {
  fill: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
}

.fill-foreground-5 {
  fill: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
}

.fill-green-6 {
  fill: rgba(var(--coze-green-6), 1);
}

.fill-red-5 {
  fill: rgba(var(--coze-red-5), 1);
}

.fill-red-6 {
  fill: rgba(var(--coze-red-6), 1);
}

.fill-yellow-6 {
  fill: rgba(var(--coze-yellow-6), 1);
}

.p {
  padding: var(--coze-8);
}

.p-1 {
  padding: .25rem;
}

.p-1\.5 {
  padding: .375rem;
}

.p-16px {
  padding: var(--coze-16);
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-20px {
  padding: var(--coze-20);
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-\[16px\] {
  padding: 16px;
}

.p-\[24px\] {
  padding: 24px;
}

.p-\[3px\] {
  padding: 3px;
}

.p-\[4px\] {
  padding: 4px;
}

.p-\[8px\] {
  padding: 8px;
}

.px {
  padding-left: var(--coze-8);
  padding-right: var(--coze-8);
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-12px {
  padding-left: var(--coze-12);
  padding-right: var(--coze-12);
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-6px {
  padding-left: var(--coze-6);
  padding-right: var(--coze-6);
}

.px-8px {
  padding-left: var(--coze-8);
  padding-right: var(--coze-8);
}

.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}

.py-2px {
  padding-top: var(--coze-2);
  padding-bottom: var(--coze-2);
}

.py-3px {
  padding-top: var(--coze-3);
  padding-bottom: var(--coze-3);
}

.py-4px {
  padding-top: var(--coze-4);
  padding-bottom: var(--coze-4);
}

.py-8px {
  padding-top: var(--coze-8);
  padding-bottom: var(--coze-8);
}

.py-\[16px\] {
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.\!pb-0 {
  padding-bottom: 0 !important;
}

.\!pl-\[2px\] {
  padding-left: 2px !important;
}

.\!pl-\[5px\] {
  padding-left: 5px !important;
}

.\!pr-\[2px\] {
  padding-right: 2px !important;
}

.\!pr-\[5px\] {
  padding-right: 5px !important;
}

.\!pt-0 {
  padding-top: 0 !important;
}

.pb {
  padding-bottom: var(--coze-8);
}

.pb-20px {
  padding-bottom: var(--coze-20);
}

.pb-5px {
  padding-bottom: var(--coze-5);
}

.pb-\[4px\] {
  padding-bottom: 4px;
}

.pl-2 {
  padding-left: .5rem;
}

.pl-32px {
  padding-left: var(--coze-32);
}

.pl-6px {
  padding-left: var(--coze-6);
}

.pl-\[5px\] {
  padding-left: 5px;
}

.pr-4px {
  padding-right: var(--coze-4);
}

.pr-5px {
  padding-right: var(--coze-5);
}

.pr-6px {
  padding-right: var(--coze-6);
}

.pr-\[5px\] {
  padding-right: 5px;
}

.pr-\[6px\] {
  padding-right: 6px;
}

.pt {
  padding-top: var(--coze-8);
}

.pt-\[16px\] {
  padding-top: 16px;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.\!text-22px {
  font-size: var(--coze-22) !important;
}

.text-18px {
  font-size: var(--coze-18);
}

.text-20px {
  font-size: var(--coze-20);
}

.text-24px {
  font-size: var(--coze-24);
}

.text-28px {
  font-size: var(--coze-28);
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-32px {
  font-size: var(--coze-32);
}

.text-36px {
  font-size: var(--coze-36);
}

.text-48px {
  font-size: var(--coze-48);
}

.text-64px {
  font-size: var(--coze-64);
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[32px\] {
  font-size: 32px;
}

.text-\[56px\] {
  font-size: 56px;
}

.text-base {
  font-size: var(--coze-12);
}

.text-lg {
  font-size: var(--coze-14);
}

.text-mini {
  font-size: var(--coze-10);
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: var(--coze-15);
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.text-xxl {
  font-size: var(--coze-16);
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.\!leading-28px {
  line-height: var(--coze-28) !important;
}

.leading-14px {
  line-height: var(--coze-14);
}

.leading-16px {
  line-height: var(--coze-16);
}

.leading-20px {
  line-height: var(--coze-20);
}

.leading-22px {
  line-height: var(--coze-22);
}

.leading-28px {
  line-height: var(--coze-28);
}

.leading-36px {
  line-height: var(--coze-36);
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-\[16px\] {
  line-height: 16px;
}

.leading-\[20px\] {
  line-height: 20px;
}

.leading-\[28px\] {
  line-height: 28px;
}

.leading-\[44px\] {
  line-height: 44px;
}

.leading-none {
  line-height: 1;
}

.text-background {
  color: rgba(var(--background), 1);
}

.text-brand-6 {
  color: rgba(var(--coze-brand-6), 1);
}

.text-current {
  color: currentColor;
}

.text-foreground {
  color: rgba(var(--foreground), 1);
}

.text-foreground-1 {
  color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
}

.text-foreground-2 {
  color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
}

.text-foreground-3 {
  color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
}

.text-foreground-4 {
  color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
}

.text-foreground-5 {
  color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-50 {
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-green-5 {
  color: rgba(var(--coze-green-5), 1);
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.text-purple-5 {
  color: rgba(var(--coze-purple-5), 1);
}

.text-red {
  color: rgba(var(--coze-red-7), 1);
}

.text-red-5 {
  color: rgba(var(--coze-red-5), 1);
}

.text-red-6 {
  color: rgba(var(--coze-red-6), 1);
}

.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-yellow-5 {
  color: rgba(var(--coze-yellow-5), 1);
}

.text-yellow-7 {
  color: rgba(var(--coze-yellow-7), 1);
}

.opacity-50 {
  opacity: .5;
}

.opacity-\[value\] {
  opacity: value;
}

.shadow {
  --tw-shadow: 0 4px 12px 0px rgba(var(--coze-shadow-0), .08), 0px 8px 24px 0px rgba(var(--coze-shadow-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);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --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);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --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);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.outline {
  outline-style: solid;
}

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

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.ring-offset-background {
  --tw-ring-offset-color: rgba(var(--background), 1);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-150 {
  transition-duration: .15s;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.coz-fg-hglt-plus, .coz-fg-hglt-plus-dim {
  color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
}

.coz-fg-hglt {
  color: rgba(var(--coze-brand-5), 1);
}

.coz-fg-hglt-dim {
  color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
}

.coz-fg-plus {
  color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
}

.coz-fg-primary {
  color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
}

.coz-fg-secondary {
  color: rgba(var(--coze-fg-2), var(--coze-fg-2-alpha));
}

.coz-fg-dim {
  color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
}

.coz-fg-white {
  color: rgba(var(--coze-fg-7), 1);
}

.coz-fg-white-dim {
  color: rgba(var(--coze-fg-white), var(--coze-fg-white-alpha));
}

.coz-fg-hglt-ai {
  color: rgba(var(--coze-purple-5), 1);
}

.coz-fg-hglt-ai-dim {
  color: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha));
}

.coz-fg-hglt-red {
  color: rgba(var(--coze-red-5), 1);
}

.coz-fg-hglt-red-dim {
  color: rgba(var(--coze-red-3), var(--coze-red-3-alpha));
}

.coz-fg-hglt-yellow {
  color: rgba(var(--coze-yellow-5), 1);
}

.coz-fg-hglt-yellow-dim {
  color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
}

.coz-fg-hglt-green {
  color: rgba(var(--coze-green-5), 1);
}

.coz-fg-hglt-green-dim {
  color: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
}

.coz-fg-color-orange {
  color: rgba(var(--coze-yellow-5), 1);
}

.coz-fg-color-orange-dim {
  color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
}

.coz-fg-color-emerald {
  color: rgba(var(--coze-green-5), 1);
}

.coz-fg-color-emerald-dim {
  color: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
}

.coz-fg-color-cyan {
  color: rgba(var(--coze-cyan-50), var(--coze-cyan-50-alpha));
}

.coz-fg-color-cyan-dim {
  color: rgba(var(--coze-cyan-30), var(--coze-cyan-30-alpha));
}

.coz-fg-color-blue {
  color: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha));
}

.coz-fg-color-blue-dim {
  color: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha));
}

.coz-fg-color-purple {
  color: rgba(var(--coze-purple-50), var(--coze-purple-50-alpha));
}

.coz-fg-color-purple-dim {
  color: rgba(var(--coze-purple-30), var(--coze-purple-30-alpha));
}

.coz-fg-color-magenta {
  color: rgba(var(--coze-magenta-50), var(--coze-magenta-50-alpha));
}

.coz-fg-color-magenta-dim {
  color: rgba(var(--coze-magenta-3), var(--coze-magenta-3-alpha));
}

.coz-fg-color-yellow {
  color: rgba(var(--coze-yellow-50), var(--coze-yellow-50-alpha));
}

.coz-fg-color-yellow-dim {
  color: rgba(var(--coze-yellow-30), var(--coze-yellow-30-alpha));
}

.coz-fg-hglt-orange {
  color: rgba(var(--coze-orange-5), 1);
}

.coz-fg-hglt-orange-dim {
  color: rgba(var(--coze-orange-3), var(--coze-orange-3-alpha));
}

.coz-fg-hglt-emerald {
  color: rgba(var(--coze-emerald-5), 1);
}

.coz-fg-hglt-emerald-dim {
  color: rgba(var(--coze-emerald-3), var(--coze-emerald-3-alpha));
}

.coz-fg-hglt-cyan {
  color: rgba(var(--coze-cyan-5), 1);
}

.coz-fg-hglt-cyan-dim {
  color: rgba(var(--coze-cyan-3), var(--coze-cyan-3-alpha));
}

.coz-fg-hglt-blue {
  color: rgba(var(--coze-blue-5), var(--coze-blue-5-alpha));
}

.coz-fg-hglt-blue-dim {
  color: rgba(var(--coze-blue-3), var(--coze-blue-3-alpha));
}

.coz-fg-hglt-purple {
  color: rgba(var(--coze-purple-5), 1);
}

.coz-fg-hglt-purple-dim {
  color: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha));
}

.coz-fg-hglt-magenta {
  color: rgba(var(--coze-magenta-5), 1);
}

.coz-fg-hglt-magenta-dim {
  color: rgba(var(--coze-magenta-3), var(--coze-magenta-3-alpha));
}

.coz-fg-color-brand {
  color: rgba(var(--coze-brand-50), var(--coze-brand-50-alpha));
}

.coz-fg-color-brand-dim {
  color: rgba(var(--coze-brand-30), var(--coze-brand-30-alpha));
}

.coz-fg-color-alternative {
  color: rgba(var(--coze-alternative-50), 1);
}

.coz-fg-color-alternative-dim {
  color: rgba(var(--coze-alternative-30), var(--coze-alternative-30-alpha));
}

.coz-mg-hglt-plus-pressed {
  background-color: rgba(var(--coze-brand-7), 1);
}

.coz-mg-hglt-plus-hovered {
  background-color: rgba(var(--coze-brand-6), 1);
}

.coz-mg-hglt-plus {
  background-color: rgba(var(--coze-brand-5), 1);
}

.coz-mg-hglt-plus-dim {
  background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
}

.coz-mg-hglt-secondary-pressed {
  background-color: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha));
}

.coz-mg-hglt-secondary-hovered {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

.coz-mg-hglt-secondary {
  background-color: rgba(var(--coze-brand-0), var(--coze-brand-0-alpha));
}

.coz-mg-hglt-secondary-red {
  background-color: rgba(var(--coze-red-0), var(--coze-red-0-alpha));
}

.coz-mg-hglt-secondary-yellow {
  background-color: rgba(var(--coze-yellow-0), var(--coze-yellow-0-alpha));
}

.coz-mg-hglt-secondary-green {
  background-color: rgba(var(--coze-green-0), var(--coze-green-0-alpha));
}

.coz-mg-plus-pressed {
  background-color: rgba(var(--coze-bg-8), var(--coze-bg-8-alpha));
}

.coz-mg-plus-hovered {
  background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha));
}

.coz-mg-plus {
  background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
}

.coz-mg-hglt-pressed {
  background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
}

.coz-mg-hglt-hovered {
  background-color: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha));
}

.coz-mg-hglt-plus-ai-pressed {
  background-color: rgba(var(--coze-purple-7), 1);
}

.coz-mg-hglt-plus-ai-hovered {
  background-color: rgba(var(--coze-purple-6), 1);
}

.coz-mg-hglt-plus-ai {
  background-color: rgba(var(--coze-purple-5), 1);
}

.coz-mg-hglt-plus-ai-dim {
  background-color: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha));
}

.coz-mg-hglt {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

.coz-mg-hglt-ai-pressed {
  background-color: rgba(var(--coze-purple-3), var(--coze-purple-3-alpha));
}

.coz-mg-hglt-ai-hovered {
  background-color: rgba(var(--coze-purple-2), var(--coze-purple-2-alpha));
}

.coz-mg-hglt-ai {
  background-color: rgba(var(--coze-purple-1), var(--coze-purple-1-alpha));
}

.coz-mg-hglt-plus-red-pressed {
  background-color: rgba(var(--coze-red-7), 1);
}

.coz-mg-hglt-plus-red-hovered {
  background-color: rgba(var(--coze-red-6), 1);
}

.coz-mg-hglt-plus-red {
  background-color: rgba(var(--coze-red-5), 1);
}

.coz-mg-hglt-plus-red-dim {
  background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha));
}

.coz-mg-hglt-plus-yellow-pressed {
  background-color: rgba(var(--coze-yellow-7), 1);
}

.coz-mg-hglt-plus-yellow-hovered {
  background-color: rgba(var(--coze-yellow-6), 1);
}

.coz-mg-hglt-plus-yellow {
  background-color: rgba(var(--coze-yellow-5), 1);
}

.coz-mg-hglt-plus-yellow-dim {
  background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
}

.coz-mg-hglt-plus-green-pressed {
  background-color: rgba(var(--coze-green-7), 1);
}

.coz-mg-hglt-plus-green-hovered {
  background-color: rgba(var(--coze-green-6), 1);
}

.coz-mg-hglt-plus-green {
  background-color: rgba(var(--coze-green-5), 1);
}

.coz-mg-hglt-plus-green-dim {
  background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
}

.coz-mg-hglt-red-pressed {
  background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha));
}

.coz-mg-hglt-red-hovered {
  background-color: rgba(var(--coze-red-2), var(--coze-red-2-alpha));
}

.coz-mg-hglt-red {
  background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha));
}

.coz-mg-hglt-yellow-pressed {
  background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
}

.coz-mg-hglt-yellow-hovered {
  background-color: rgba(var(--coze-yellow-2), var(--coze-yellow-2-alpha));
}

.coz-mg-hglt-yellow {
  background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha));
}

.coz-mg-hglt-green-pressed {
  background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
}

.coz-mg-hglt-green-hovered {
  background-color: rgba(var(--coze-green-2), var(--coze-green-2-alpha));
}

.coz-mg-hglt-green {
  background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha));
}

.coz-mg-color-plus-orange {
  background-color: rgba(var(--coze-yellow-5), 1);
}

.coz-mg-color-plus-emerald {
  background-color: rgba(var(--coze-green-5), 1);
}

.coz-mg-color-plus-cyan {
  background-color: rgba(var(--coze-cyan-50), var(--coze-cyan-50-alpha));
}

.coz-mg-color-plus-blue {
  background-color: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha));
}

.coz-mg-color-plus-purple {
  background-color: rgba(var(--coze-purple-50), var(--coze-purple-50-alpha));
}

.coz-mg-color-plus-magenta {
  background-color: rgba(var(--coze-magenta-50), var(--coze-magenta-50-alpha));
}

.coz-mg-color-plus-yellow {
  background-color: rgba(var(--coze-yellow-50), var(--coze-yellow-50-alpha));
}

.coz-mg-color-orange-pressed {
  background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
}

.coz-mg-color-orange-hovered {
  background-color: rgba(var(--coze-yellow-2), var(--coze-yellow-2-alpha));
}

.coz-mg-color-orange {
  background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha));
}

.coz-mg-color-emerald-pressed {
  background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
}

.coz-mg-color-emerald-hovered {
  background-color: rgba(var(--coze-green-2), var(--coze-green-2-alpha));
}

.coz-mg-color-emerald {
  background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha));
}

.coz-mg-color-cyan-pressed {
  background-color: rgba(var(--coze-cyan-30), var(--coze-cyan-30-alpha));
}

.coz-mg-color-cyan-hovered {
  background-color: rgba(var(--coze-cyan-20), var(--coze-cyan-20-alpha));
}

.coz-mg-color-cyan {
  background-color: rgba(var(--coze-cyan-10), var(--coze-cyan-10-alpha));
}

.coz-mg-color-blue-pressed {
  background-color: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha));
}

.coz-mg-color-blue-hovered {
  background-color: rgba(var(--coze-blue-20), var(--coze-blue-20-alpha));
}

.coz-mg-color-blue {
  background-color: rgba(var(--coze-blue-10), var(--coze-blue-10-alpha));
}

.coz-mg-color-purple-pressed {
  background-color: rgba(var(--coze-purple-30), var(--coze-purple-30-alpha));
}

.coz-mg-color-purple-hovered {
  background-color: rgba(var(--coze-purple-20), var(--coze-purple-20-alpha));
}

.coz-mg-color-purple {
  background-color: rgba(var(--coze-purple-10), var(--coze-purple-10-alpha));
}

.coz-mg-color-magenta-pressed {
  background-color: rgba(var(--coze-magenta-30), var(--coze-magenta-30-alpha));
}

.coz-mg-color-magenta-hovered {
  background-color: rgba(var(--coze-magenta-20), var(--coze-magenta-20-alpha));
}

.coz-mg-color-magenta {
  background-color: rgba(var(--coze-magenta-10), var(--coze-magenta-10-alpha));
}

.coz-mg-primary-pressed {
  background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha));
}

.coz-mg-primary-hovered {
  background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
}

.coz-mg-primary {
  background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
}

.coz-mg-secondary-pressed {
  background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
}

.coz-mg-secondary-hovered {
  background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
}

.coz-mg-secondary {
  background-color: rgba(var(--coze-bg-4), var(--coze-bg-4-alpha));
}

.coz-mg-mask {
  background-color: rgba(var(--coze-mask-5), .4);
}

.coz-mg-card-hovered {
  background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
}

.coz-mg-card {
  background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
}

.coz-mg-color-plus-brand {
  background-color: rgba(var(--coze-brand-50), var(--coze-brand-50-alpha));
}

.coz-bg-max {
  background-color: rgba(var(--coze-bg-3), var(--coze-bg-3-alpha));
}

.coz-bg-plus {
  background-color: rgba(var(--coze-bg-2), var(--coze-bg-2-alpha));
}

.coz-bg-primary {
  background-color: rgba(var(--coze-bg-1), var(--coze-bg-1-alpha));
}

.coz-bg-secondary {
  background-color: rgba(var(--coze-bg-0), 1);
}

.coz-stroke-hglt {
  border-color: rgba(var(--coze-brand-5), 1);
}

.coz-stroke-plus {
  border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
}

.coz-stroke-primary {
  border-color: rgba(var(--coze-stroke-5), var(--coze-stroke-5-alpha));
}

.\!coz-stroke-hglt-red {
  border-color: rgba(var(--coze-red-5), 1) !important;
}

.coz-stroke-hglt-red {
  border-color: rgba(var(--coze-red-5), 1);
}

.coz-stroke-hglt-yellow {
  border-color: rgba(var(--coze-yellow-5), 1);
}

.coz-stroke-hglt-green {
  border-color: rgba(var(--coze-green-5), 1);
}

.coz-stroke-color-orange {
  border-color: rgba(var(--coze-yellow-5), 1);
}

.coz-stroke-color-emerald {
  border-color: rgba(var(--coze-green-5), 1);
}

.coz-stroke-color-cyan {
  border-color: rgba(var(--coze-cyan-50), var(--coze-cyan-50-alpha));
}

.coz-stroke-color-blue {
  border-color: rgba(var(--coze-blue-50), var(--coze-blue-50-alpha));
}

.coz-stroke-color-purple {
  border-color: rgba(var(--coze-purple-50), var(--coze-purple-50-alpha));
}

.coz-stroke-color-magenta {
  border-color: rgba(var(--coze-magenta-50), var(--coze-magenta-50-alpha));
}

.coz-stroke-color-yellow {
  border-color: rgba(var(--coze-yellow-50), var(--coze-yellow-50-alpha));
}

.coz-stroke-color-brand {
  border-color: rgba(var(--coze-brand-50), var(--coze-brand-50-alpha));
}

.coz-shadow {
  box-shadow: 0 4px 12px 0px rgba(var(--coze-shadow-0), .08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), .04);
}

.coz-shadow-large {
  box-shadow: 0px 8px 24px 0px rgba(var(--coze-shadow-0), .16), 0px 16px 48px 0px rgba(var(--coze-shadow-0), .08);
}

.coz-shadow-default {
  box-shadow: 0 4px 12px 0px rgba(var(--coze-shadow-0), .08), 0px 8px 24px 0px rgba(var(--coze-shadow-0), .04);
}

.coz-shadow-small {
  box-shadow: 0px 2px 6px 0px rgba(var(--coze-shadow-0), .04), 0px 4px 12px 0px rgba(var(--coze-shadow-0), .02);
}

html, body {
  width: 100%;
  height: 100%;
  min-height: 600px;
  margin: 0;
  padding: 0;
  font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, Segoe Ul, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
}

#root {
  width: 100%;
  height: 100%;
}

p {
  margin: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a:focus, input:focus, p:focus, svg:focus, li:focus, div:focus, a:focus-visible, input:focus-visible, p:focus-visible, li:focus-visible, div:focus-visible {
  outline: none;
}

.hover\:bg-background-5:hover {
  background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
}

.hover\:bg-foreground-4:hover {
  background-color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
}

.hover\:bg-transparent:hover {
  background-color: #0000;
}

.hover\:text-brand-6:hover {
  color: rgba(var(--coze-brand-6), 1);
}

.hover\:text-foreground-4:hover {
  color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:coz-fg-hglt-plus-dim:hover {
  color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
}

.hover\:coz-fg-hglt-dim:hover {
  color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
}

.hover\:coz-fg-primary:hover {
  color: rgba(var(--coze-fg-3), var(--coze-fg-3-alpha));
}

.hover\:coz-fg-hglt-red-dim:hover {
  color: rgba(var(--coze-red-3), var(--coze-red-3-alpha));
}

.hover\:coz-mg-hglt-plus-hovered:hover {
  background-color: rgba(var(--coze-brand-6), 1);
}

.hover\:coz-mg-hglt-plus-dim:hover {
  background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
}

.hover\:coz-mg-hglt-hovered:hover {
  background-color: rgba(var(--coze-brand-2), var(--coze-brand-2-alpha));
}

.hover\:coz-mg-hglt:hover {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

.hover\:coz-mg-hglt-plus-red-hovered:hover {
  background-color: rgba(var(--coze-red-6), 1);
}

.hover\:coz-mg-hglt-plus-yellow-hovered:hover {
  background-color: rgba(var(--coze-yellow-6), 1);
}

.hover\:coz-mg-hglt-plus-green-hovered:hover {
  background-color: rgba(var(--coze-green-6), 1);
}

.hover\:coz-mg-hglt-red-hovered:hover {
  background-color: rgba(var(--coze-red-2), var(--coze-red-2-alpha));
}

.hover\:coz-mg-hglt-red:hover {
  background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha));
}

.hover\:coz-mg-hglt-yellow-hovered:hover {
  background-color: rgba(var(--coze-yellow-2), var(--coze-yellow-2-alpha));
}

.hover\:coz-mg-hglt-yellow:hover {
  background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha));
}

.hover\:coz-mg-hglt-green-hovered:hover {
  background-color: rgba(var(--coze-green-2), var(--coze-green-2-alpha));
}

.hover\:coz-mg-hglt-green:hover {
  background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha));
}

.hover\:coz-mg-color-cyan-hovered:hover {
  background-color: rgba(var(--coze-cyan-20), var(--coze-cyan-20-alpha));
}

.hover\:coz-mg-color-cyan:hover {
  background-color: rgba(var(--coze-cyan-10), var(--coze-cyan-10-alpha));
}

.hover\:coz-mg-color-blue-hovered:hover {
  background-color: rgba(var(--coze-blue-20), var(--coze-blue-20-alpha));
}

.hover\:coz-mg-color-blue:hover {
  background-color: rgba(var(--coze-blue-10), var(--coze-blue-10-alpha));
}

.hover\:coz-mg-color-purple-hovered:hover {
  background-color: rgba(var(--coze-purple-20), var(--coze-purple-20-alpha));
}

.hover\:coz-mg-color-purple:hover {
  background-color: rgba(var(--coze-purple-10), var(--coze-purple-10-alpha));
}

.hover\:coz-mg-color-magenta-hovered:hover {
  background-color: rgba(var(--coze-magenta-20), var(--coze-magenta-20-alpha));
}

.hover\:coz-mg-color-magenta:hover {
  background-color: rgba(var(--coze-magenta-10), var(--coze-magenta-10-alpha));
}

.hover\:coz-mg-primary-hovered:hover {
  background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
}

.hover\:coz-mg-primary:hover, .hover\:coz-mg-secondary-hovered:hover {
  background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
}

.hover\:coz-stroke-plus:hover {
  border-color: rgba(var(--coze-stroke-6), var(--coze-stroke-6-alpha));
}

.hover\:coz-stroke-hglt-red:hover {
  border-color: rgba(var(--coze-red-5), 1);
}

.focus\:outline-none:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus-visible\:z-10:focus-visible {
  z-index: 10;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.active\:border-transparent:active {
  border-color: #0000;
}

.active\:bg-background-6:active {
  background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
}

.active\:bg-foreground-5:active {
  background-color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
}

.active\:bg-transparent:active {
  background-color: #0000;
}

.active\:text-brand-6:active {
  color: rgba(var(--coze-brand-6), 1);
}

.active\:text-foreground-4:active {
  color: rgba(var(--coze-fg-4), var(--coze-fg-4-alpha));
}

.active\:no-underline:active {
  text-decoration-line: none;
}

.active\:coz-fg-hglt-plus-dim:active {
  color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
}

.active\:coz-mg-hglt-plus-pressed:active {
  background-color: rgba(var(--coze-brand-7), 1);
}

.active\:coz-mg-hglt-plus-dim:active, .active\:coz-mg-hglt-pressed:active {
  background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
}

.active\:coz-mg-hglt:active {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

.active\:coz-mg-hglt-plus-red-pressed:active {
  background-color: rgba(var(--coze-red-7), 1);
}

.active\:coz-mg-hglt-plus-yellow-pressed:active {
  background-color: rgba(var(--coze-yellow-7), 1);
}

.active\:coz-mg-hglt-plus-green-pressed:active {
  background-color: rgba(var(--coze-green-7), 1);
}

.active\:coz-mg-hglt-red-pressed:active {
  background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha));
}

.active\:coz-mg-hglt-red:active {
  background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha));
}

.active\:coz-mg-hglt-yellow-pressed:active {
  background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
}

.active\:coz-mg-hglt-yellow:active {
  background-color: rgba(var(--coze-yellow-1), var(--coze-yellow-1-alpha));
}

.active\:coz-mg-hglt-green-pressed:active {
  background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
}

.active\:coz-mg-hglt-green:active {
  background-color: rgba(var(--coze-green-1), var(--coze-green-1-alpha));
}

.active\:coz-mg-color-cyan-pressed:active {
  background-color: rgba(var(--coze-cyan-30), var(--coze-cyan-30-alpha));
}

.active\:coz-mg-color-cyan:active {
  background-color: rgba(var(--coze-cyan-10), var(--coze-cyan-10-alpha));
}

.active\:coz-mg-color-blue-pressed:active {
  background-color: rgba(var(--coze-blue-30), var(--coze-blue-30-alpha));
}

.active\:coz-mg-color-blue:active {
  background-color: rgba(var(--coze-blue-10), var(--coze-blue-10-alpha));
}

.active\:coz-mg-color-purple-pressed:active {
  background-color: rgba(var(--coze-purple-30), var(--coze-purple-30-alpha));
}

.active\:coz-mg-color-purple:active {
  background-color: rgba(var(--coze-purple-10), var(--coze-purple-10-alpha));
}

.active\:coz-mg-color-magenta-pressed:active {
  background-color: rgba(var(--coze-magenta-30), var(--coze-magenta-30-alpha));
}

.active\:coz-mg-color-magenta:active {
  background-color: rgba(var(--coze-magenta-10), var(--coze-magenta-10-alpha));
}

.active\:coz-mg-primary-pressed:active {
  background-color: rgba(var(--coze-bg-7), var(--coze-bg-7-alpha));
}

.active\:coz-mg-primary:active {
  background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
}

.active\:coz-mg-secondary-pressed:active {
  background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
}

.active\:coz-stroke-hglt:active {
  border-color: rgba(var(--coze-brand-5), 1);
}

.active\:coz-stroke-hglt-red:active {
  border-color: rgba(var(--coze-red-5), 1);
}

.disabled\:bg-transparent:disabled {
  background-color: #0000;
}

.disabled\:coz-fg-hglt-plus-dim:disabled {
  color: rgba(var(--coze-fg-5), var(--coze-fg-5-alpha));
}

.disabled\:coz-fg-hglt-dim:disabled {
  color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
}

.disabled\:coz-fg-dim:disabled {
  color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
}

.disabled\:coz-fg-white-dim:disabled {
  color: rgba(var(--coze-fg-white), var(--coze-fg-white-alpha));
}

.disabled\:coz-fg-hglt-red-dim:disabled {
  color: rgba(var(--coze-red-3), var(--coze-red-3-alpha));
}

.disabled\:coz-mg-hglt-plus-dim:disabled {
  background-color: rgba(var(--coze-brand-3), var(--coze-brand-3-alpha));
}

.disabled\:coz-mg-hglt:disabled {
  background-color: rgba(var(--coze-brand-1), var(--coze-brand-1-alpha));
}

.disabled\:coz-mg-hglt-plus-red-dim:disabled {
  background-color: rgba(var(--coze-red-3), var(--coze-red-3-alpha));
}

.disabled\:coz-mg-hglt-plus-yellow-dim:disabled {
  background-color: rgba(var(--coze-yellow-3), var(--coze-yellow-3-alpha));
}

.disabled\:coz-mg-hglt-plus-green-dim:disabled {
  background-color: rgba(var(--coze-green-3), var(--coze-green-3-alpha));
}

.disabled\:coz-mg-hglt-red:disabled {
  background-color: rgba(var(--coze-red-1), var(--coze-red-1-alpha));
}

.disabled\:coz-mg-primary:disabled {
  background-color: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
}

.data-\[focus-visible\=true\]\:z-10[data-focus-visible="true"] {
  z-index: 10;
}

.data-\[focus-visible\=true\]\:outline-2[data-focus-visible="true"] {
  outline-width: 2px;
}

.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible="true"] {
  outline-offset: 2px;
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:z-10 {
  z-index: 10;
}

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

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-offset-background {
  --tw-ring-offset-color: rgba(var(--background), 1);
}