.lens-theme {
  --lens-core-color-blue-0: #000000;
  --lens-core-color-blue-5: #001418;
  --lens-core-color-blue-10: #001f26;
  --lens-core-color-blue-15: #0c2a30;
  --lens-core-color-blue-20: #00363f;
  --lens-core-color-blue-25: #00424d;
  --lens-core-color-blue-30: #004e5b;
  --lens-core-color-blue-35: #005b6a;
  --lens-core-color-blue-40: #006879;
  --lens-core-color-blue-50: #008397;
  --lens-core-color-blue-60: #009fb7;
  --lens-core-color-blue-70: #00bcd8;
  --lens-core-color-blue-80: #1dd9f9;
  --lens-core-color-blue-90: #a8edff;
  --lens-core-color-blue-95: #d7f6ff;
  --lens-core-color-blue-98: #f0fbff;
  --lens-core-color-blue-99: #f8fdff;
  --lens-core-color-blue-100: #ffffff;
  --lens-core-color-brand-primary-diligent-red: #ee312e;
  --lens-core-color-brand-primary-red2: #d3222a;
  --lens-core-color-brand-primary-red3: #af292e;
  --lens-core-color-brand-primary-red4: #921a1d;
  --lens-core-color-brand-primary-red5: #5f091d;
  --lens-core-color-brand-secondary-blue1: #00d3f3;
  --lens-core-color-brand-secondary-blue2: #0086fa;
  --lens-core-color-brand-secondary-blue3: #0b4cce;
  --lens-core-color-brand-secondary-purple1: #c247fa;
  --lens-core-color-brand-secondary-purple2: #8b4bfa;
  --lens-core-color-brand-secondary-purple3: #642fcf;
  --lens-core-color-brand-neutral-gray1: #f3f3f3;
  --lens-core-color-brand-neutral-gray2: #dadada;
  --lens-core-color-brand-neutral-gray3: #a0a2a5;
  --lens-core-color-brand-neutral-gray4: #6f7377;
  --lens-core-color-brand-neutral-gray5: #282e37;
  --lens-core-color-concrete-0: #000000;
  --lens-core-color-concrete-5: #0f1113;
  --lens-core-color-concrete-10: #1a1c1e;
  --lens-core-color-concrete-15: #242628;
  --lens-core-color-concrete-20: #2f3133;
  --lens-core-color-concrete-25: #3a3c3e;
  --lens-core-color-concrete-30: #454749;
  --lens-core-color-concrete-35: #515255;
  --lens-core-color-concrete-40: #5d5e61;
  --lens-core-color-concrete-50: #76777a;
  --lens-core-color-concrete-60: #8f9193;
  --lens-core-color-concrete-70: #aaabae;
  --lens-core-color-concrete-80: #c6c6c9;
  --lens-core-color-concrete-90: #e2e2e5;
  --lens-core-color-concrete-95: #f0f0f3;
  --lens-core-color-concrete-98: #f9f9fc;
  --lens-core-color-concrete-99: #fcfcff;
  --lens-core-color-concrete-100: #ffffff;
  --lens-core-color-flamingo-0: #000000;
  --lens-core-color-flamingo-5: #2b0012;
  --lens-core-color-flamingo-10: #3e001d;
  --lens-core-color-flamingo-15: #510028;
  --lens-core-color-flamingo-20: #650033;
  --lens-core-color-flamingo-25: #79003e;
  --lens-core-color-flamingo-30: #8e004a;
  --lens-core-color-flamingo-35: #a10c56;
  --lens-core-color-flamingo-40: #b11f62;
  --lens-core-color-flamingo-50: #d33c7b;
  --lens-core-color-flamingo-60: #f45695;
  --lens-core-color-flamingo-70: #ff84af;
  --lens-core-color-flamingo-80: #ffb1c8;
  --lens-core-color-flamingo-90: #ffd9e2;
  --lens-core-color-flamingo-95: #ffecf0;
  --lens-core-color-flamingo-98: #fff8f8;
  --lens-core-color-flamingo-99: #fffbff;
  --lens-core-color-flamingo-100: #ffffff;
  --lens-core-color-gray-0: #ffffff;
  --lens-core-color-gray-50: #fafafa;
  --lens-core-color-gray-100: #f3f3f3;
  --lens-core-color-gray-200: #e6e6e6;
  --lens-core-color-gray-300: #dadada;
  --lens-core-color-gray-400: #b6b8b9;
  --lens-core-color-gray-500: #a0a2a5;
  --lens-core-color-gray-600: #8c8e92;
  --lens-core-color-gray-700: #6f7377;
  --lens-core-color-gray-800: #464e53;
  --lens-core-color-gray-900: #282e37;
  --lens-core-color-gray-950: #121a26;
  --lens-core-color-gray-1000: #000000;
  --lens-core-color-green-0: #000000;
  --lens-core-color-green-5: #081400;
  --lens-core-color-green-10: #102000;
  --lens-core-color-green-15: #172b00;
  --lens-core-color-green-20: #1e3700;
  --lens-core-color-green-25: #264300;
  --lens-core-color-green-30: #2e4f00;
  --lens-core-color-green-35: #375c00;
  --lens-core-color-green-40: #3f6900;
  --lens-core-color-green-50: #518500;
  --lens-core-color-green-60: #63a100;
  --lens-core-color-green-70: #76be00;
  --lens-core-color-green-80: #89dc00;
  --lens-core-color-green-90: #8ee400;
  --lens-core-color-green-95: #d2ff9c;
  --lens-core-color-green-98: #f0ffd7;
  --lens-core-color-green-99: #f9ffe9;
  --lens-core-color-green-100: #ffffff;
  --lens-core-color-indigo-0: #000000;
  --lens-core-color-indigo-5: #000b3a;
  --lens-core-color-indigo-10: #001453;
  --lens-core-color-indigo-15: #001c6c;
  --lens-core-color-indigo-20: #002585;
  --lens-core-color-indigo-25: #002e9f;
  --lens-core-color-indigo-30: #0037b9;
  --lens-core-color-indigo-35: #0040d5;
  --lens-core-color-indigo-40: #1c4ee4;
  --lens-core-color-indigo-50: #4069fe;
  --lens-core-color-indigo-60: #6b89ff;
  --lens-core-color-indigo-70: #92a6ff;
  --lens-core-color-indigo-80: #b8c4ff;
  --lens-core-color-indigo-90: #dde1ff;
  --lens-core-color-indigo-95: #efefff;
  --lens-core-color-indigo-98: #fbf8ff;
  --lens-core-color-indigo-99: #fefbff;
  --lens-core-color-indigo-100: #ffffff;
  --lens-core-color-lavender-0: #000000;
  --lens-core-color-lavender-5: #18003f;
  --lens-core-color-lavender-10: #25005a;
  --lens-core-color-lavender-15: #320073;
  --lens-core-color-lavender-20: #3f008e;
  --lens-core-color-lavender-25: #4c00a9;
  --lens-core-color-lavender-30: #5a00c6;
  --lens-core-color-lavender-35: #6804e1;
  --lens-core-color-lavender-40: #7525ee;
  --lens-core-color-lavender-50: #8d4eff;
  --lens-core-color-lavender-60: #a476ff;
  --lens-core-color-lavender-70: #bb9aff;
  --lens-core-color-lavender-80: #d2bbff;
  --lens-core-color-lavender-90: #eaddff;
  --lens-core-color-lavender-95: #f7edff;
  --lens-core-color-lavender-98: #fef7ff;
  --lens-core-color-lavender-99: #fffbff;
  --lens-core-color-lavender-100: #ffffff;
  --lens-core-color-moss-0: #000000;
  --lens-core-color-moss-5: #001508;
  --lens-core-color-moss-10: #00210f;
  --lens-core-color-moss-15: #002d16;
  --lens-core-color-moss-20: #00391d;
  --lens-core-color-moss-25: #004525;
  --lens-core-color-moss-30: #00522d;
  --lens-core-color-moss-35: #005f35;
  --lens-core-color-moss-40: #006d3e;
  --lens-core-color-moss-50: #00894f;
  --lens-core-color-moss-60: #00a661;
  --lens-core-color-moss-70: #2ec377;
  --lens-core-color-moss-80: #53df90;
  --lens-core-color-moss-90: #72fcaa;
  --lens-core-color-moss-95: #c2ffd2;
  --lens-core-color-moss-98: #e9ffec;
  --lens-core-color-moss-99: #f5fff4;
  --lens-core-color-moss-100: #ffffff;
  --lens-core-color-ocean-0: #000000;
  --lens-core-color-ocean-5: #00102b;
  --lens-core-color-ocean-10: #001b3f;
  --lens-core-color-ocean-15: #002552;
  --lens-core-color-ocean-20: #002f66;
  --lens-core-color-ocean-25: #003a7b;
  --lens-core-color-ocean-30: #004590;
  --lens-core-color-ocean-35: #19519d;
  --lens-core-color-ocean-40: #2a5daa;
  --lens-core-color-ocean-50: #4776c5;
  --lens-core-color-ocean-60: #6390e0;
  --lens-core-color-ocean-70: #7eabfd;
  --lens-core-color-ocean-80: #abc7ff;
  --lens-core-color-ocean-90: #d7e2ff;
  --lens-core-color-ocean-95: #ecf0ff;
  --lens-core-color-ocean-98: #f9f9ff;
  --lens-core-color-ocean-99: #fdfbff;
  --lens-core-color-ocean-100: #ffffff;
  --lens-core-color-olive-0: #000000;
  --lens-core-color-olive-5: #0f1300;
  --lens-core-color-olive-10: #191e00;
  --lens-core-color-olive-15: #222900;
  --lens-core-color-olive-20: #2c3400;
  --lens-core-color-olive-25: #364000;
  --lens-core-color-olive-30: #414c00;
  --lens-core-color-olive-35: #4b5800;
  --lens-core-color-olive-40: #566500;
  --lens-core-color-olive-50: #6d7f00;
  --lens-core-color-olive-60: #86991f;
  --lens-core-color-olive-70: #a1b539;
  --lens-core-color-olive-80: #bcd153;
  --lens-core-color-olive-90: #d7ed6b;
  --lens-core-color-olive-95: #e6fc78;
  --lens-core-color-olive-98: #f6ffc1;
  --lens-core-color-olive-99: #fcffdd;
  --lens-core-color-olive-100: #ffffff;
  --lens-core-color-orange-0: #000000;
  --lens-core-color-orange-5: #200c00;
  --lens-core-color-orange-10: #2f1400;
  --lens-core-color-orange-15: #3e1d00;
  --lens-core-color-orange-20: #4e2600;
  --lens-core-color-orange-25: #5e2f00;
  --lens-core-color-orange-30: #6f3800;
  --lens-core-color-orange-35: #804200;
  --lens-core-color-orange-40: #924c00;
  --lens-core-color-orange-50: #b66000;
  --lens-core-color-orange-60: #dc7600;
  --lens-core-color-orange-70: #fe8e22;
  --lens-core-color-orange-80: #ffb780;
  --lens-core-color-orange-90: #ffdcc4;
  --lens-core-color-orange-95: #ffede3;
  --lens-core-color-orange-98: #fff8f5;
  --lens-core-color-orange-99: #fffbff;
  --lens-core-color-orange-100: #ffffff;
  --lens-core-color-purple-0: #000000;
  --lens-core-color-purple-5: #210032;
  --lens-core-color-purple-10: #310048;
  --lens-core-color-purple-15: #41005d;
  --lens-core-color-purple-20: #510073;
  --lens-core-color-purple-25: #62008a;
  --lens-core-color-purple-30: #7300a1;
  --lens-core-color-purple-35: #8215b2;
  --lens-core-color-purple-40: #9029bf;
  --lens-core-color-purple-50: #ab48da;
  --lens-core-color-purple-60: #c864f7;
  --lens-core-color-purple-70: #db8bff;
  --lens-core-color-purple-80: #eab2ff;
  --lens-core-color-purple-90: #f7d8ff;
  --lens-core-color-purple-95: #fdebff;
  --lens-core-color-purple-98: #fff7fb;
  --lens-core-color-purple-99: #fffbff;
  --lens-core-color-purple-100: #ffffff;
  --lens-core-color-red-0: #000000;
  --lens-core-color-red-5: #2d0002;
  --lens-core-color-red-10: #410004;
  --lens-core-color-red-15: #540006;
  --lens-core-color-red-20: #68000a;
  --lens-core-color-red-25: #7d000e;
  --lens-core-color-red-30: #930012;
  --lens-core-color-red-35: #a90016;
  --lens-core-color-red-40: #be0c1e;
  --lens-core-color-red-50: #e22e33;
  --lens-core-color-red-60: #ff5450;
  --lens-core-color-red-70: #ff8981;
  --lens-core-color-red-80: #ffb3ad;
  --lens-core-color-red-90: #ffdad7;
  --lens-core-color-red-95: #ffedeb;
  --lens-core-color-red-98: #fff8f7;
  --lens-core-color-red-99: #fffbff;
  --lens-core-color-red-100: #ffffff;
  --lens-core-color-sky-0: #000000;
  --lens-core-color-sky-5: #00131e;
  --lens-core-color-sky-10: #001e2e;
  --lens-core-color-sky-15: #00293c;
  --lens-core-color-sky-20: #00344b;
  --lens-core-color-sky-25: #00405b;
  --lens-core-color-sky-30: #004c6c;
  --lens-core-color-sky-35: #00587c;
  --lens-core-color-sky-40: #00658e;
  --lens-core-color-sky-50: #007fb1;
  --lens-core-color-sky-60: #009ad6;
  --lens-core-color-sky-70: #00b7fc;
  --lens-core-color-sky-80: #83cfff;
  --lens-core-color-sky-90: #c6e7ff;
  --lens-core-color-sky-95: #e4f3ff;
  --lens-core-color-sky-98: #f6faff;
  --lens-core-color-sky-99: #fbfcff;
  --lens-core-color-sky-100: #ffffff;
  --lens-core-color-storm-0: #000000;
  --lens-core-color-storm-5: #0a1020;
  --lens-core-color-storm-10: #151b2c;
  --lens-core-color-storm-15: #1f2536;
  --lens-core-color-storm-20: #2a3041;
  --lens-core-color-storm-25: #353b4d;
  --lens-core-color-storm-30: #404659;
  --lens-core-color-storm-35: #4c5265;
  --lens-core-color-storm-40: #585e71;
  --lens-core-color-storm-50: #71768b;
  --lens-core-color-storm-60: #8a90a5;
  --lens-core-color-storm-70: #a5abc0;
  --lens-core-color-storm-80: #c0c6dc;
  --lens-core-color-storm-90: #dce2f9;
  --lens-core-color-storm-95: #eef0ff;
  --lens-core-color-storm-98: #faf8ff;
  --lens-core-color-storm-99: #fefbff;
  --lens-core-color-storm-100: #ffffff;
  --lens-core-color-transparent: #00000000;
  --lens-core-color-white: #ffffff;
  --lens-core-color-yellow-0: #000000;
  --lens-core-color-yellow-5: #141100;
  --lens-core-color-yellow-10: #201c00;
  --lens-core-color-yellow-15: #2b2600;
  --lens-core-color-yellow-20: #373100;
  --lens-core-color-yellow-25: #443c00;
  --lens-core-color-yellow-30: #504700;
  --lens-core-color-yellow-35: #5d5300;
  --lens-core-color-yellow-40: #6a5f00;
  --lens-core-color-yellow-50: #867800;
  --lens-core-color-yellow-60: #a29100;
  --lens-core-color-yellow-70: #c0ac00;
  --lens-core-color-yellow-80: #dec800;
  --lens-core-color-yellow-90: #fee400;
  --lens-core-color-yellow-95: #fff2aa;
  --lens-core-color-yellow-98: #fff9ea;
  --lens-core-color-yellow-99: #fffbff;
  --lens-core-color-yellow-100: #ffffff;
  --lens-core-breakpoints-sm-min: 320px;
  --lens-core-breakpoints-sm-max: 480px;
  --lens-core-breakpoints-md-min: 481px;
  --lens-core-breakpoints-md-max: 768px;
  --lens-core-breakpoints-lg-min: 769px;
  --lens-core-breakpoints-lg-max: 1279px;
  --lens-core-breakpoints-xl-min: 1280px;
  --lens-core-breakpoints-xl-max: 1440px;
  --lens-core-spacing-0: 0px;
  --lens-core-spacing-1: 8px;
  --lens-core-spacing-2: 16px;
  --lens-core-spacing-3: 24px;
  --lens-core-spacing-4: 32px;
  --lens-core-spacing-5: 40px;
  --lens-core-spacing-6: 48px;
  --lens-core-spacing-7: 56px;
  --lens-core-spacing-8: 64px;
  --lens-core-spacing-9: 72px;
  --lens-core-spacing-px: 1px;
  --lens-core-spacing-0-25: 2px;
  --lens-core-spacing-0-5: 4px;
  --lens-core-spacing-1-5: 12px;
  --lens-core-spacing-2-5: 20px;
  --lens-core-font-family-plus-jakarta-sans: Plus Jakarta Sans Variable;
  --lens-core-font-weight-extra-light: 200;
  --lens-core-font-weight-light: 300;
  --lens-core-font-weight-regular: 400;
  --lens-core-font-weight-medium: 500;
  --lens-core-font-weight-semi-bold: 600;
  --lens-core-font-weight-bold: 700;
  --lens-core-font-weight-extra-bold: 800;
  --lens-core-text-decoration-none: none;
  --lens-core-text-decoration-underline: underline;
  --lens-core-text-transform-none: none;
  --lens-core-text-transform-uppercase: uppercase;
  --lens-core-text-transform-lowercase: lowercase;
  --lens-core-text-transform-capitalize: capitalize;
  --lens-core-border-style-solid: solid;
  --lens-core-border-style-dashed: dashed;
  --lens-core-border-style-dotted: dotted;
  --lens-core-shadow-low: 0px 0px 2px 0px #0000001a, 0px 8px 16px 0px #0000001a;
  --lens-core-shadow-medium: 0px 6px 20px 0px #161b2b1f, 0px 8px 2px 0px #0000001a;
  --lens-core-shadow-high: 0px 10px 24px 0px #161b2b29, 0px 0px 2px 0px #161b2b1a;
}
.lens-theme {
  --lens-semantic-color-accent-red-background: var(--lens-core-color-red-95);
  --lens-semantic-color-accent-red-content: var(--lens-core-color-gray-900);
  --lens-semantic-color-accent-yellow-background: var(--lens-core-color-yellow-95);
  --lens-semantic-color-accent-yellow-content: var(--lens-core-color-gray-900);
  --lens-semantic-color-accent-green-background: var(--lens-core-color-green-95);
  --lens-semantic-color-accent-green-content: var(--lens-core-color-gray-900);
  --lens-semantic-color-accent-blue-background: var(--lens-core-color-blue-95);
  --lens-semantic-color-accent-blue-content: var(--lens-core-color-gray-900);
  --lens-semantic-color-accent-purple-background: var(--lens-core-color-purple-95);
  --lens-semantic-color-accent-purple-content: var(--lens-core-color-gray-900);
  --lens-semantic-color-action-primary-default: var(--lens-core-color-gray-900);
  --lens-semantic-color-action-primary-default-gradient-start: var(--lens-core-color-gray-900);
  --lens-semantic-color-action-primary-default-gradient-end: var(--lens-core-color-gray-900);
  --lens-semantic-color-action-primary-hover: var(--lens-core-color-gray-800);
  --lens-semantic-color-action-primary-hover-gradient-start: var(--lens-core-color-gray-800);
  --lens-semantic-color-action-primary-hover-gradient-end: var(--lens-core-color-gray-800);
  --lens-semantic-color-action-primary-active: var(--lens-core-color-gray-950);
  --lens-semantic-color-action-primary-active-gradient-start: var(--lens-core-color-gray-950);
  --lens-semantic-color-action-primary-active-gradient-end: var(--lens-core-color-gray-950);
  --lens-semantic-color-action-primary-disabled: var(--lens-core-color-gray-200);
  --lens-semantic-color-action-primary-on-primary: var(--lens-core-color-gray-0);
  --lens-semantic-color-action-primary-on-primary-disabled: var(--lens-core-color-gray-500);
  --lens-semantic-color-action-secondary-hover-fill: var(--lens-core-color-gray-100);
  --lens-semantic-color-action-secondary-active-fill: var(--lens-core-color-gray-200);
  --lens-semantic-color-action-secondary-on-secondary: var(--lens-core-color-gray-900);
  --lens-semantic-color-action-secondary-on-secondary-disabled: var(--lens-core-color-gray-500);
  --lens-semantic-color-action-secondary-outline: var(--lens-core-color-gray-900);
  --lens-semantic-color-action-secondary-disabled-outline: var(--lens-core-color-gray-200);
  --lens-semantic-color-action-secondary-inverse-hover: var(--lens-core-color-gray-800);
  --lens-semantic-color-action-secondary-inverse-selected: #e5252e;
  --lens-semantic-color-action-secondary-inverse-on-selected: var(--lens-core-color-gray-0);
  --lens-semantic-color-action-secondary-inverse-selection-indicator: #e5252e;
  --lens-semantic-color-action-secondary-inverse-highlighted: var(--lens-core-color-gray-600);
  --lens-semantic-color-action-secondary-inverse-selection-indicator-tabs: var(--lens-core-color-brand-primary-red2);
  --lens-semantic-color-action-secondary-inverse-active: var(--lens-core-color-gray-700);
  --lens-semantic-color-action-secondary-inverse-on-secondary-inverse: var(--lens-core-color-gray-0);
  --lens-semantic-color-action-secondary-inverse-on-secondary-inverse-muted: var(--lens-core-color-gray-400);
  --lens-semantic-color-action-secondary-inverse-on-secondary-inverse-disabled: var(--lens-core-color-gray-700);
  --lens-semantic-color-action-secondary-inverse-outline: var(--lens-core-color-gray-0);
  --lens-semantic-color-action-secondary-inverse-outline-disabled: var(--lens-core-color-gray-800);
  --lens-semantic-color-action-link-default: var(--lens-semantic-color-action-primary-default-gradient-start);
  --lens-semantic-color-action-link-hover: var(--lens-semantic-color-action-primary-hover-gradient-start);
  --lens-semantic-color-action-link-active: var(--lens-semantic-color-action-primary-active-gradient-start);
  --lens-semantic-color-action-link-disabled: var(--lens-semantic-color-action-primary-disabled);
  --lens-semantic-color-action-destructive-default: var(--lens-core-color-brand-primary-red4);
  --lens-semantic-color-action-destructive-default-gradient-start: var(--lens-core-color-brand-primary-red4);
  --lens-semantic-color-action-destructive-default-gradient-end: var(--lens-core-color-brand-primary-red4);
  --lens-semantic-color-action-destructive-hover: var(--lens-core-color-brand-primary-red2);
  --lens-semantic-color-action-destructive-hover-gradient-start: var(--lens-core-color-brand-primary-red2);
  --lens-semantic-color-action-destructive-hover-gradient-end: var(--lens-core-color-brand-primary-red2);
  --lens-semantic-color-action-destructive-active: var(--lens-core-color-brand-primary-red5);
  --lens-semantic-color-action-destructive-active-gradient-start: var(--lens-core-color-brand-primary-red5);
  --lens-semantic-color-action-destructive-active-gradient-end: var(--lens-core-color-brand-primary-red5);
  --lens-semantic-color-action-destructive-disabled: #921a1d50;
  --lens-semantic-color-action-destructive-on-destructive: var(--lens-core-color-gray-0);
  --lens-semantic-color-action-destructive-on-destructive-disabled: #921a1d50;
  --lens-semantic-color-action-secondary-destructive-default: var(--lens-core-color-brand-primary-red4);
  --lens-semantic-color-action-secondary-destructive-hover: var(--lens-core-color-brand-primary-red2);
  --lens-semantic-color-action-secondary-destructive-active: var(--lens-core-color-brand-primary-red5);
  --lens-semantic-color-action-secondary-destructive-on-secondary-disabled: #921a1d50;
  --lens-semantic-color-action-secondary-destructive-outline-disabled: #921a1d50;
  --lens-semantic-color-action-calendar-hover: var(--lens-core-color-gray-100);
  --lens-semantic-color-action-calendar-active: var(--lens-core-color-gray-200);
  --lens-semantic-color-action-calendar-disabled: var(--lens-core-color-gray-200);
  --lens-semantic-color-action-calendar-selected: var(--lens-core-color-brand-primary-red2);
  --lens-semantic-color-action-calendar-selected-hover: var(--lens-core-color-brand-primary-red4);
  --lens-semantic-color-action-calendar-selected-active: var(--lens-core-color-brand-primary-red5);
  --lens-semantic-color-action-calendar-highlighted: var(--lens-core-color-brand-primary-red2);
  --lens-semantic-color-action-calendar-on-calendar: var(--lens-core-color-gray-900);
  --lens-semantic-color-action-calendar-on-calendar-disabled: var(--lens-core-color-gray-500);
  --lens-semantic-color-action-calendar-on-calendar-selected: var(--lens-core-color-gray-0);
  --lens-semantic-color-action-ai-primary-default-gradient-start: var(--lens-core-color-flamingo-40);
  --lens-semantic-color-action-ai-primary-default-gradient-end: var(--lens-core-color-indigo-40);
  --lens-semantic-color-action-ai-primary-hover-gradient-start: var(--lens-core-color-flamingo-30);
  --lens-semantic-color-action-ai-primary-hover-gradient-end: var(--lens-core-color-indigo-30);
  --lens-semantic-color-action-ai-primary-active-gradient-start: var(--lens-core-color-flamingo-20);
  --lens-semantic-color-action-ai-primary-active-gradient-end: var(--lens-core-color-indigo-20);
  --lens-semantic-color-action-ai-primary-disabled-gradient-start: var(--lens-core-color-flamingo-80);
  --lens-semantic-color-action-ai-primary-disabled-gradient-end: var(--lens-core-color-indigo-80);
  --lens-semantic-color-action-ai-primary-on-ai-primary: var(--lens-core-color-gray-0);
  --lens-semantic-color-action-ai-primary-on-ai-primary-disabled: var(--lens-core-color-gray-500);
  --lens-semantic-color-ai-default-gradient-start: var(--lens-core-color-red-40);
  --lens-semantic-color-ai-default-gradient-middle: var(--lens-core-color-purple-50);
  --lens-semantic-color-ai-default-gradient-end: var(--lens-core-color-indigo-50);
  --lens-semantic-color-background-base: var(--lens-core-color-gray-0);
  --lens-semantic-color-background-container: var(--lens-core-color-gray-100);
  --lens-semantic-color-background-nav-selection: var(--lens-core-color-brand-primary-red2);
  --lens-semantic-color-background-base-gradient-start: var(--lens-core-color-gray-0);
  --lens-semantic-color-background-base-gradient-end: var(--lens-core-color-gray-0);
  --lens-semantic-color-background-backdrop: #282e3750;
  --lens-semantic-color-data-visualization-qualitative-blue-0-25: #c6f7ff;
  --lens-semantic-color-data-visualization-qualitative-blue-0-50: #85e1f9;
  --lens-semantic-color-data-visualization-qualitative-blue-0-75: #00d3f3;
  --lens-semantic-color-data-visualization-qualitative-blue-01: #00d3f3;
  --lens-semantic-color-data-visualization-qualitative-blue-02: #00aaf3;
  --lens-semantic-color-data-visualization-qualitative-blue-03: #0086fa;
  --lens-semantic-color-data-visualization-qualitative-blue-04: #0b4cce;
  --lens-semantic-color-data-visualization-qualitative-purple-0-25: #fdefff;
  --lens-semantic-color-data-visualization-qualitative-purple-0-50: #f0c4ff;
  --lens-semantic-color-data-visualization-qualitative-purple-0-75: #df9dfe;
  --lens-semantic-color-data-visualization-qualitative-purple-01: #c247fa;
  --lens-semantic-color-data-visualization-qualitative-purple-02: #8b4bfa;
  --lens-semantic-color-data-visualization-qualitative-purple-03: #642fcf;
  --lens-semantic-color-data-visualization-qualitative-purple-04: #4d1dd5;
  --lens-semantic-color-data-visualization-qualitative-gray-0-25: #f0f1f3;
  --lens-semantic-color-data-visualization-qualitative-gray-0-50: #dadada;
  --lens-semantic-color-data-visualization-qualitative-gray-0-75: #cccdce;
  --lens-semantic-color-data-visualization-qualitative-gray-01: #dadada;
  --lens-semantic-color-data-visualization-qualitative-gray-02: #a0a2a5;
  --lens-semantic-color-data-visualization-qualitative-gray-03: #6f7377;
  --lens-semantic-color-data-visualization-qualitative-gray-04: #282e37;
  --lens-semantic-color-data-visualization-qualitative-turquoise-0-25: #a7fbed;
  --lens-semantic-color-data-visualization-qualitative-turquoise-0-50: #91e0d2;
  --lens-semantic-color-data-visualization-qualitative-turquoise-0-75: #7ac5b7;
  --lens-semantic-color-data-visualization-qualitative-turquoise-01: #62a99a;
  --lens-semantic-color-data-visualization-qualitative-turquoise-02: #488b7d;
  --lens-semantic-color-data-visualization-qualitative-turquoise-03: #2b6b5e;
  --lens-semantic-color-data-visualization-qualitative-turquoise-04: #00493c;
  --lens-semantic-color-data-visualization-sequential-positive-0-50: #d0fefb;
  --lens-semantic-color-data-visualization-sequential-positive-0-75: #b8faf4;
  --lens-semantic-color-data-visualization-sequential-positive-01: #9ef5ee;
  --lens-semantic-color-data-visualization-sequential-positive-02: #00e5d2;
  --lens-semantic-color-data-visualization-sequential-positive-03: #00ccbb;
  --lens-semantic-color-data-visualization-sequential-positive-04: #00a89a;
  --lens-semantic-color-data-visualization-sequential-positive-05: #04655d;
  --lens-semantic-color-data-visualization-sequential-negative-0-50: #ffe7f1;
  --lens-semantic-color-data-visualization-sequential-negative-0-75: #ffcce1;
  --lens-semantic-color-data-visualization-sequential-negative-01: #ffa8cb;
  --lens-semantic-color-data-visualization-sequential-negative-02: #ff99c4;
  --lens-semantic-color-data-visualization-sequential-negative-03: #ff66a3;
  --lens-semantic-color-data-visualization-sequential-negative-04: #e6005c;
  --lens-semantic-color-data-visualization-sequential-negative-05: #a30041;
  --lens-semantic-color-data-visualization-sequential-neutral-0-50: #fffddd;
  --lens-semantic-color-data-visualization-sequential-neutral-0-75: #fffbc6;
  --lens-semantic-color-data-visualization-sequential-neutral-01: #fef9af;
  --lens-semantic-color-data-visualization-sequential-neutral-02: #f4eb75;
  --lens-semantic-color-data-visualization-sequential-neutral-03: #f5cc00;
  --lens-semantic-color-data-visualization-sequential-neutral-04: #e5a500;
  --lens-semantic-color-data-visualization-sequential-neutral-05: #9e6900;
  --lens-semantic-color-data-visualization-rag-positive-0-50: #d5ffd6;
  --lens-semantic-color-data-visualization-rag-positive-0-75: #b9ffb9;
  --lens-semantic-color-data-visualization-rag-positive-01: #98ff9a;
  --lens-semantic-color-data-visualization-rag-positive-02: #5cff5f;
  --lens-semantic-color-data-visualization-rag-positive-03: #31ee2e;
  --lens-semantic-color-data-visualization-rag-positive-04: #26c926;
  --lens-semantic-color-data-visualization-rag-positive-05: #15a015;
  --lens-semantic-color-data-visualization-rag-negative-0-50: #ffe4e4;
  --lens-semantic-color-data-visualization-rag-negative-0-75: #ffcac9;
  --lens-semantic-color-data-visualization-rag-negative-01: #ffaeae;
  --lens-semantic-color-data-visualization-rag-negative-02: #ff7976;
  --lens-semantic-color-data-visualization-rag-negative-03: #f63734;
  --lens-semantic-color-data-visualization-rag-negative-04: #c92624;
  --lens-semantic-color-data-visualization-rag-negative-05: #a01516;
  --lens-semantic-color-data-visualization-rag-neutral-0-50: #fffcd1;
  --lens-semantic-color-data-visualization-rag-neutral-0-75: #fffac0;
  --lens-semantic-color-data-visualization-rag-neutral-01: #fff25f;
  --lens-semantic-color-data-visualization-rag-neutral-02: #ffde40;
  --lens-semantic-color-data-visualization-rag-neutral-03: #ffbf00;
  --lens-semantic-color-data-visualization-rag-neutral-04: #daa200;
  --lens-semantic-color-data-visualization-rag-neutral-05: #b28000;
  --lens-semantic-color-data-visualization-multi-hue-ocean-orange-01: #fe8e22;
  --lens-semantic-color-data-visualization-multi-hue-ocean-orange-02: #f7687f;
  --lens-semantic-color-data-visualization-multi-hue-ocean-orange-03: #e361aa;
  --lens-semantic-color-data-visualization-multi-hue-ocean-orange-04: #c762ca;
  --lens-semantic-color-data-visualization-multi-hue-ocean-orange-05: #a468d9;
  --lens-semantic-color-data-visualization-multi-hue-ocean-orange-06: #7a6fd6;
  --lens-semantic-color-data-visualization-multi-hue-ocean-orange-07: #5ba5ff;
  --lens-semantic-color-data-visualization-multi-hue-ocean-orange-08: #4776c5;
  --lens-semantic-color-data-visualization-multi-hue-sky-flamingo-01: #d33c7b;
  --lens-semantic-color-data-visualization-multi-hue-sky-flamingo-02: #c854d6;
  --lens-semantic-color-data-visualization-multi-hue-sky-flamingo-03: #b867f4;
  --lens-semantic-color-data-visualization-multi-hue-sky-flamingo-04: #a27cff;
  --lens-semantic-color-data-visualization-multi-hue-sky-flamingo-05: #8492ff;
  --lens-semantic-color-data-visualization-multi-hue-sky-flamingo-06: #5ba5ff;
  --lens-semantic-color-data-visualization-multi-hue-sky-flamingo-07: #00d3f3;
  --lens-semantic-color-data-visualization-multi-hue-sky-flamingo-08: #00b7fc;
  --lens-semantic-color-data-visualization-multi-hue-green-red-01: #e22e33;
  --lens-semantic-color-data-visualization-multi-hue-green-red-02: #d4732e;
  --lens-semantic-color-data-visualization-multi-hue-green-red-03: #cb8b2b;
  --lens-semantic-color-data-visualization-multi-hue-green-red-04: #bfa126;
  --lens-semantic-color-data-visualization-multi-hue-green-red-05: #b1b51f;
  --lens-semantic-color-data-visualization-multi-hue-green-red-06: #a0c915;
  --lens-semantic-color-data-visualization-multi-hue-green-red-07: #31ee2e;
  --lens-semantic-color-data-visualization-multi-hue-green-red-08: #89dc00;
  --lens-semantic-color-data-visualization-divergent-blue-yellow-01: #dec800;
  --lens-semantic-color-data-visualization-divergent-blue-yellow-02: #e8d45d;
  --lens-semantic-color-data-visualization-divergent-blue-yellow-03: #efe195;
  --lens-semantic-color-data-visualization-divergent-blue-yellow-04: #f2eeca;
  --lens-semantic-color-data-visualization-divergent-blue-yellow-05: #f0fbff;
  --lens-semantic-color-data-visualization-divergent-blue-yellow-06: #c0f0fd;
  --lens-semantic-color-data-visualization-divergent-blue-yellow-07: #87e5fb;
  --lens-semantic-color-data-visualization-divergent-blue-yellow-08: #1dd9f9;
  --lens-semantic-color-data-visualization-divergent-blue-lavender-01: #a476ff;
  --lens-semantic-color-data-visualization-divergent-blue-lavender-02: #bb97ff;
  --lens-semantic-color-data-visualization-divergent-blue-lavender-03: #ceb8ff;
  --lens-semantic-color-data-visualization-divergent-blue-lavender-04: #e0daff;
  --lens-semantic-color-data-visualization-divergent-blue-lavender-05: #f0fbff;
  --lens-semantic-color-data-visualization-divergent-blue-lavender-06: #c0f0fd;
  --lens-semantic-color-data-visualization-divergent-blue-lavender-07: #87e5fb;
  --lens-semantic-color-data-visualization-divergent-blue-lavender-08: #1dd9f9;
  --lens-semantic-color-data-visualization-divergent-moss-orange-01: #ffb780;
  --lens-semantic-color-data-visualization-divergent-moss-orange-02: #fdc99a;
  --lens-semantic-color-data-visualization-divergent-moss-orange-03: #f9dbb5;
  --lens-semantic-color-data-visualization-divergent-moss-orange-04: #f2edd0;
  --lens-semantic-color-data-visualization-divergent-moss-orange-05: #e9ffec;
  --lens-semantic-color-data-visualization-divergent-moss-orange-06: #c6ffd6;
  --lens-semantic-color-data-visualization-divergent-moss-orange-07: #a0fec0;
  --lens-semantic-color-data-visualization-divergent-moss-orange-08: #72fcaa;
  --lens-semantic-color-outline-fixed: var(--lens-core-color-gray-300);
  --lens-semantic-color-outline-default: var(--lens-core-color-gray-700);
  --lens-semantic-color-outline-hover: var(--lens-core-color-gray-800);
  --lens-semantic-color-outline-active: var(--lens-core-color-gray-1000);
  --lens-semantic-color-outline-disabled: var(--lens-core-color-gray-200);
  --lens-semantic-color-selection-secondary-default: var(--lens-core-color-blue-95);
  --lens-semantic-color-selection-secondary-hover: var(--lens-core-color-blue-90);
  --lens-semantic-color-selection-secondary-active: var(--lens-core-color-blue-98);
  --lens-semantic-color-status-success-default: var(--lens-core-color-green-90);
  --lens-semantic-color-status-success-text-default: var(--lens-core-color-gray-900);
  --lens-semantic-color-status-success-background: var(--lens-core-color-green-95);
  --lens-semantic-color-status-success-text: var(--lens-core-color-green-40);
  --lens-semantic-color-status-warning-default: var(--lens-core-color-yellow-90);
  --lens-semantic-color-status-warning-text-default: var(--lens-core-color-gray-900);
  --lens-semantic-color-status-warning-background: var(--lens-core-color-yellow-95);
  --lens-semantic-color-status-warning-text: var(--lens-core-color-yellow-40);
  --lens-semantic-color-status-notification-default: var(--lens-semantic-color-data-visualization-divergent-blue-lavender-08);
  --lens-semantic-color-status-notification-text-default: var(--lens-core-color-gray-900);
  --lens-semantic-color-status-notification-background: var(--lens-core-color-blue-95);
  --lens-semantic-color-status-notification-text: var(--lens-core-color-blue-40);
  --lens-semantic-color-status-error-default: var(--lens-core-color-brand-primary-red4);
  --lens-semantic-color-status-error-text-default: var(--lens-core-color-gray-0);
  --lens-semantic-color-status-error-background: var(--lens-core-color-red-95);
  --lens-semantic-color-status-error-text: var(--lens-core-color-brand-primary-red4);
  --lens-semantic-color-status-neutral-background: var(--lens-core-color-gray-700);
  --lens-semantic-color-status-neutral-text-default: var(--lens-core-color-gray-900);
  --lens-semantic-color-status-neutral-background-variant: var(--lens-core-color-gray-200);
  --lens-semantic-color-status-neutral-text: var(--lens-core-color-gray-900);
  --lens-semantic-color-status-new-default: var(--lens-core-color-brand-primary-red2);
  --lens-semantic-color-status-new-text-default: var(--lens-core-color-gray-0);
  --lens-semantic-color-surface-default: var(--lens-core-color-gray-0);
  --lens-semantic-color-surface-variant: var(--lens-core-color-gray-100);
  --lens-semantic-color-surface-subtle: var(--lens-core-color-gray-50);
  --lens-semantic-color-surface-inverse: var(--lens-core-color-gray-900);
  --lens-semantic-color-type-default: var(--lens-core-color-gray-900);
  --lens-semantic-color-type-muted: var(--lens-core-color-gray-700);
  --lens-semantic-color-type-disabled: var(--lens-core-color-gray-500);
  --lens-semantic-color-type-inverse: var(--lens-core-color-gray-0);
  --lens-semantic-color-ui-focus-ring: var(--lens-core-color-brand-secondary-blue3);
  --lens-semantic-color-ui-focus-inverse: var(--lens-core-color-gray-0);
  --lens-semantic-color-ui-loading-default: var(--lens-core-color-gray-200);
  --lens-semantic-color-ui-loading-variant: var(--lens-core-color-gray-700);
  --lens-semantic-color-ui-divider-default: var(--lens-core-color-gray-300);
  --lens-semantic-color-ui-divider-secondary: var(--lens-core-color-gray-500);
  --lens-semantic-color-ui-scrollbar-handle: var(--lens-core-color-gray-400);
  --lens-semantic-border-width-thin: var(--lens-core-spacing-px);
  --lens-semantic-border-width-thick: var(--lens-core-spacing-0-25);
  --lens-semantic-border-width-focus-width: var(--lens-core-spacing-0-25);
  --lens-semantic-border-width-focus-offset: var(--lens-core-spacing-px);
  --lens-semantic-icon-size-sm: var(--lens-core-spacing-2);
  --lens-semantic-icon-size-md: var(--lens-core-spacing-2-5);
  --lens-semantic-icon-size-lg: var(--lens-core-spacing-3);
  --lens-semantic-icon-size-xl: var(--lens-core-spacing-5);
  --lens-semantic-icon-size-2xl: var(--lens-core-spacing-6);
  --lens-semantic-layout-sm-min-width: var(--lens-core-breakpoints-sm-min);
  --lens-semantic-layout-sm-max-width: var(--lens-core-breakpoints-sm-max);
  --lens-semantic-layout-sm-columns: 4;
  --lens-semantic-layout-sm-column-gap: var(--lens-core-spacing-2);
  --lens-semantic-layout-sm-margin-left: var(--lens-core-spacing-2);
  --lens-semantic-layout-sm-margin-right: var(--lens-core-spacing-2);
  --lens-semantic-layout-md-min-width: var(--lens-core-breakpoints-md-min);
  --lens-semantic-layout-md-max-width: var(--lens-core-breakpoints-md-max);
  --lens-semantic-layout-md-columns: 8;
  --lens-semantic-layout-md-column-gap: var(--lens-core-spacing-3);
  --lens-semantic-layout-md-margin-left: var(--lens-core-spacing-3);
  --lens-semantic-layout-md-margin-right: var(--lens-core-spacing-3);
  --lens-semantic-layout-lg-min-width: var(--lens-core-breakpoints-lg-min);
  --lens-semantic-layout-lg-max-width: var(--lens-core-breakpoints-lg-max);
  --lens-semantic-layout-lg-columns: 8;
  --lens-semantic-layout-lg-column-gap: var(--lens-core-spacing-3);
  --lens-semantic-layout-lg-margin-left: var(--lens-core-spacing-3);
  --lens-semantic-layout-lg-margin-right: var(--lens-core-spacing-3);
  --lens-semantic-layout-xl-min-width: var(--lens-core-breakpoints-xl-min);
  --lens-semantic-layout-xl-max-width: var(--lens-core-breakpoints-xl-max);
  --lens-semantic-layout-xl-columns: 12;
  --lens-semantic-layout-xl-column-gap: var(--lens-core-spacing-3);
  --lens-semantic-layout-xl-margin-left: var(--lens-core-spacing-4);
  --lens-semantic-layout-xl-margin-right: var(--lens-core-spacing-4);
  --lens-semantic-radius-none: var(--lens-core-spacing-0);
  --lens-semantic-radius-sm: var(--lens-core-spacing-0-5);
  --lens-semantic-radius-md: var(--lens-core-spacing-1);
  --lens-semantic-radius-lg: var(--lens-core-spacing-1-5);
  --lens-semantic-radius-full: 9999px;
  --lens-semantic-font-text-body-font-family: var(--lens-semantic-font-family-body);
  --lens-semantic-font-text-body-font-size: 1rem;
  --lens-semantic-font-text-body-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-text-body-letter-spacing: var(--lens-semantic-letter-spacing-xs);
  --lens-semantic-font-text-body-line-height: 1.5rem;
  --lens-semantic-font-text-body-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-text-body-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-text-md-font-family: var(--lens-semantic-font-family-body);
  --lens-semantic-font-text-md-font-size: 0.875rem;
  --lens-semantic-font-text-md-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-text-md-letter-spacing: var(--lens-semantic-letter-spacing-xs);
  --lens-semantic-font-text-md-line-height: 1.25rem;
  --lens-semantic-font-text-md-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-text-md-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-text-sm-font-family: var(--lens-semantic-font-family-body);
  --lens-semantic-font-text-sm-font-size: 0.75rem;
  --lens-semantic-font-text-sm-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-text-sm-letter-spacing: var(--lens-semantic-letter-spacing-sm);
  --lens-semantic-font-text-sm-line-height: 1rem;
  --lens-semantic-font-text-sm-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-text-sm-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-title-h1billboard-font-family: var(--lens-semantic-font-family-title);
  --lens-semantic-font-title-h1billboard-font-size: 1.875rem;
  --lens-semantic-font-title-h1billboard-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-title-h1billboard-letter-spacing: var(--lens-semantic-letter-spacing-normal);
  --lens-semantic-font-title-h1billboard-line-height: 2.375rem;
  --lens-semantic-font-title-h1billboard-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-title-h1billboard-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-title-h2display-font-family: var(--lens-semantic-font-family-title);
  --lens-semantic-font-title-h2display-font-size: 1.625rem;
  --lens-semantic-font-title-h2display-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-title-h2display-letter-spacing: var(--lens-semantic-letter-spacing-normal);
  --lens-semantic-font-title-h2display-line-height: 2.125rem;
  --lens-semantic-font-title-h2display-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-title-h2display-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-title-h3lg-font-family: var(--lens-semantic-font-family-title);
  --lens-semantic-font-title-h3lg-font-size: 1.375rem;
  --lens-semantic-font-title-h3lg-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-title-h3lg-letter-spacing: var(--lens-semantic-letter-spacing-normal);
  --lens-semantic-font-title-h3lg-line-height: 1.75rem;
  --lens-semantic-font-title-h3lg-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-title-h3lg-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-title-h4md-font-family: var(--lens-semantic-font-family-title);
  --lens-semantic-font-title-h4md-font-size: 1.125rem;
  --lens-semantic-font-title-h4md-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-title-h4md-letter-spacing: var(--lens-semantic-letter-spacing-xs);
  --lens-semantic-font-title-h4md-line-height: 1.75rem;
  --lens-semantic-font-title-h4md-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-title-h4md-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-title-h5sm-font-family: var(--lens-semantic-font-family-title);
  --lens-semantic-font-title-h5sm-font-size: 1rem;
  --lens-semantic-font-title-h5sm-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-title-h5sm-letter-spacing: var(--lens-semantic-letter-spacing-xs);
  --lens-semantic-font-title-h5sm-line-height: 1.5rem;
  --lens-semantic-font-title-h5sm-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-title-h5sm-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-title-h6xs-font-family: var(--lens-semantic-font-family-title);
  --lens-semantic-font-title-h6xs-font-size: 0.875rem;
  --lens-semantic-font-title-h6xs-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-title-h6xs-letter-spacing: var(--lens-semantic-letter-spacing-sm);
  --lens-semantic-font-title-h6xs-line-height: 1.25rem;
  --lens-semantic-font-title-h6xs-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-title-h6xs-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-label-lg-font-family: var(--lens-semantic-font-family-label);
  --lens-semantic-font-label-lg-font-size: 0.875rem;
  --lens-semantic-font-label-lg-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-label-lg-letter-spacing: var(--lens-semantic-letter-spacing-xs);
  --lens-semantic-font-label-lg-line-height: 1.53125rem;
  --lens-semantic-font-label-lg-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-label-lg-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-label-sm-font-family: var(--lens-semantic-font-family-label);
  --lens-semantic-font-label-sm-font-size: 0.75rem;
  --lens-semantic-font-label-sm-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-label-sm-letter-spacing: var(--lens-semantic-letter-spacing-sm);
  --lens-semantic-font-label-sm-line-height: 1.15625rem;
  --lens-semantic-font-label-sm-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-label-sm-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-label-xs-font-family: var(--lens-semantic-font-family-label);
  --lens-semantic-font-label-xs-font-size: 0.6875rem;
  --lens-semantic-font-label-xs-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-semantic-font-label-xs-letter-spacing: var(--lens-semantic-letter-spacing-md);
  --lens-semantic-font-label-xs-line-height: 1rem;
  --lens-semantic-font-label-xs-text-transform: var(--lens-core-text-transform-none);
  --lens-semantic-font-label-xs-text-decoration: var(--lens-core-text-decoration-none);
  --lens-semantic-font-family-body: var(--lens-core-font-family-plus-jakarta-sans);
  --lens-semantic-font-family-title: var(--lens-core-font-family-plus-jakarta-sans);
  --lens-semantic-font-family-label: var(--lens-core-font-family-plus-jakarta-sans);
  --lens-semantic-font-weight-regular: var(--lens-core-font-weight-regular);
  --lens-semantic-font-weight-emphasis: var(--lens-core-font-weight-semi-bold);
  --lens-semantic-font-weight-bold: var(--lens-core-font-weight-bold);
  --lens-semantic-font-weight-link: var(--lens-core-font-weight-semi-bold);
  --lens-semantic-letter-spacing-normal: var(--lens-core-spacing-0);
  --lens-semantic-letter-spacing-xs: 0.2px;
  --lens-semantic-letter-spacing-sm: 0.3px;
  --lens-semantic-letter-spacing-md: 0.4px;
  --lens-semantic-gradients-primary-default: linear-gradient(180deg, var(--lens-semantic-color-action-primary-default-gradient-start) 0%, var(--lens-semantic-color-action-primary-default-gradient-end) 100%);
  --lens-semantic-gradients-primary-hover: linear-gradient(180deg, var(--lens-semantic-color-action-primary-hover-gradient-start) 0%, var(--lens-semantic-color-action-primary-hover-gradient-end) 100%);
  --lens-semantic-gradients-primary-active: linear-gradient(180deg, var(--lens-semantic-color-action-primary-active-gradient-start) 0%, var(--lens-semantic-color-action-primary-active-gradient-end) 100%);
  --lens-semantic-gradients-destructive-default: linear-gradient(180deg, var(--lens-semantic-color-action-destructive-default-gradient-start) 0%, var(--lens-semantic-color-action-destructive-default-gradient-end) 100%);
  --lens-semantic-gradients-destructive-hover: linear-gradient(180deg, var(--lens-semantic-color-action-destructive-hover-gradient-start) 0%, var(--lens-semantic-color-action-destructive-hover-gradient-end) 100%);
  --lens-semantic-gradients-destructive-active: linear-gradient(180deg, var(--lens-semantic-color-action-destructive-active-gradient-start) 0%, var(--lens-semantic-color-action-destructive-active-gradient-end) 100%);
  --lens-semantic-gradients-ai-default: linear-gradient(128deg, var(--lens-semantic-color-ai-default-gradient-start) 0%, var(--lens-semantic-color-ai-default-gradient-middle) 50%, var(--lens-semantic-color-ai-default-gradient-end) 100%);
  --lens-semantic-gradients-ai-default-vertical: linear-gradient(180deg, var(--lens-semantic-color-ai-default-gradient-start) 0%, var(--lens-semantic-color-ai-default-gradient-middle) 50%, var(--lens-semantic-color-ai-default-gradient-end) 100%);
  --lens-semantic-gradients-ai-default-horizontal: linear-gradient(90deg, var(--lens-semantic-color-ai-default-gradient-start) 0%, var(--lens-semantic-color-ai-default-gradient-middle) 50%, var(--lens-semantic-color-ai-default-gradient-end) 100%);
  --lens-semantic-gradients-ai-highlight: linear-gradient(90deg, var(--lens-core-color-concrete-90) 0%, var(--lens-core-color-red-40) 15%, var(--lens-core-color-purple-50) 50%, var(--lens-core-color-indigo-50) 85%, var(--lens-core-color-concrete-90) 100%);
  --lens-semantic-gradients-ai-shape: linear-gradient(90deg, var(--lens-semantic-color-surface-default) 0.8999999999999999%, var(--lens-semantic-color-data-visualization-multi-hue-green-red-01) 15.770000000000001%, var(--lens-core-color-purple-50) 50.449999999999996%, var(--lens-core-color-indigo-50) 84.28%, var(--lens-semantic-color-surface-default) 100%);
  --lens-semantic-gradients-ai-primary-default: linear-gradient(128deg, var(--lens-semantic-color-action-ai-primary-default-gradient-start) 17.49%, var(--lens-semantic-color-action-ai-primary-default-gradient-end) 100%);
  --lens-semantic-gradients-ai-primary-hover: linear-gradient(128deg, var(--lens-semantic-color-action-ai-primary-hover-gradient-start) 17.49%, var(--lens-semantic-color-action-ai-primary-hover-gradient-end) 100%);
  --lens-semantic-gradients-ai-primary-active: linear-gradient(128deg, var(--lens-semantic-color-action-ai-primary-active-gradient-start) 17.49%, var(--lens-semantic-color-action-ai-primary-active-gradient-end) 100%);
  --lens-semantic-gradients-ai-primary-disabled: linear-gradient(128deg, var(--lens-semantic-color-action-ai-primary-disabled-gradient-start) 17.49%, var(--lens-semantic-color-action-ai-primary-disabled-gradient-end) 100%);
  --lens-semantic-gradients-background-default: linear-gradient(135deg, var(--lens-semantic-color-background-base-gradient-start) 31%, var(--lens-semantic-color-background-base-gradient-end) 100%);
  --lens-semantic-shadow-focus: 0px 0px 0px 1px #ffffff, 0px 0px 0px 3px #0b4cce;
  --lens-semantic-shadow-focus-inset: inset 0px 0px 0px 2px #0b4cce, inset 0px 0px 0px 3px #ffffff;
}
.atlas-light-tokens {
  --lens-semantic-color-accent-red-background: var(--lens-core-color-concrete-90);
  --lens-semantic-color-accent-red-content: var(--lens-core-color-concrete-15);
  --lens-semantic-color-accent-yellow-background: var(--lens-core-color-yellow-90);
  --lens-semantic-color-accent-yellow-content: var(--lens-core-color-yellow-15);
  --lens-semantic-color-accent-green-background: var(--lens-core-color-moss-95);
  --lens-semantic-color-accent-green-content: var(--lens-core-color-moss-15);
  --lens-semantic-color-accent-blue-background: var(--lens-core-color-blue-95);
  --lens-semantic-color-accent-blue-content: var(--lens-core-color-blue-15);
  --lens-semantic-color-accent-purple-background: var(--lens-core-color-purple-90);
  --lens-semantic-color-accent-purple-content: var(--lens-core-color-purple-15);
  --lens-semantic-color-action-primary-default: var(--lens-core-color-indigo-35);
  --lens-semantic-color-action-primary-default-gradient-start: var(--lens-core-color-indigo-40);
  --lens-semantic-color-action-primary-default-gradient-end: var(--lens-core-color-indigo-35);
  --lens-semantic-color-action-primary-hover: var(--lens-core-color-indigo-50);
  --lens-semantic-color-action-primary-hover-gradient-start: var(--lens-core-color-indigo-50);
  --lens-semantic-color-action-primary-hover-gradient-end: var(--lens-core-color-indigo-40);
  --lens-semantic-color-action-primary-active: var(--lens-core-color-indigo-20);
  --lens-semantic-color-action-primary-active-gradient-start: var(--lens-core-color-indigo-20);
  --lens-semantic-color-action-primary-active-gradient-end: var(--lens-core-color-indigo-15);
  --lens-semantic-color-action-primary-disabled: var(--lens-core-color-concrete-90);
  --lens-semantic-color-action-primary-on-primary: var(--lens-core-color-white);
  --lens-semantic-color-action-primary-on-primary-disabled: var(--lens-core-color-concrete-70);
  --lens-semantic-color-action-ai-primary-on-ai-primary: var(--lens-core-color-white);
  --lens-semantic-color-action-ai-primary-on-ai-primary-disabled: var(--lens-core-color-white);
  --lens-semantic-color-action-secondary-hover-fill: var(--lens-core-color-concrete-95);
  --lens-semantic-color-action-secondary-active-fill: var(--lens-core-color-concrete-60);
  --lens-semantic-color-action-secondary-on-secondary: var(--lens-core-color-concrete-15);
  --lens-semantic-color-action-secondary-on-secondary-disabled: var(--lens-core-color-concrete-70);
  --lens-semantic-color-action-secondary-outline: var(--lens-core-color-concrete-50);
  --lens-semantic-color-action-secondary-disabled-outline: var(--lens-core-color-concrete-90);
  --lens-semantic-color-action-secondary-inverse-hover: var(--lens-core-color-concrete-98);
  --lens-semantic-color-action-secondary-inverse-selected: var(--lens-core-color-ocean-95);
  --lens-semantic-color-action-secondary-inverse-on-selected: var(--lens-core-color-indigo-35);
  --lens-semantic-color-action-secondary-inverse-selection-indicator: var(--lens-core-color-indigo-35);
  --lens-semantic-color-action-secondary-inverse-selection-indicator-tabs: var(--lens-core-color-indigo-35);
  --lens-semantic-color-action-secondary-inverse-active: var(--lens-core-color-concrete-60);
  --lens-semantic-color-action-secondary-inverse-highlighted: var(--lens-core-color-concrete-60);
  --lens-semantic-color-action-secondary-inverse-on-secondary-inverse: var(--lens-core-color-concrete-15);
  --lens-semantic-color-action-secondary-inverse-on-secondary-inverse-muted: var(--lens-core-color-concrete-40);
  --lens-semantic-color-action-secondary-inverse-on-secondary-inverse-disabled: var(--lens-core-color-concrete-70);
  --lens-semantic-color-action-secondary-inverse-outline: var(--lens-core-color-concrete-15);
  --lens-semantic-color-action-secondary-inverse-outline-disabled: var(--lens-core-color-concrete-90);
  --lens-semantic-color-action-destructive-default: var(--lens-core-color-red-40);
  --lens-semantic-color-action-destructive-default-gradient-start: var(--lens-core-color-red-40);
  --lens-semantic-color-action-destructive-default-gradient-end: var(--lens-core-color-red-35);
  --lens-semantic-color-action-destructive-hover: var(--lens-semantic-color-data-visualization-multi-hue-green-red-01);
  --lens-semantic-color-action-destructive-hover-gradient-start: var(--lens-semantic-color-data-visualization-multi-hue-green-red-01);
  --lens-semantic-color-action-destructive-hover-gradient-end: var(--lens-core-color-red-40);
  --lens-semantic-color-action-destructive-active: var(--lens-core-color-red-20);
  --lens-semantic-color-action-destructive-active-gradient-start: var(--lens-core-color-red-20);
  --lens-semantic-color-action-destructive-active-gradient-end: var(--lens-core-color-red-15);
  --lens-semantic-color-action-destructive-disabled: var(--lens-core-color-concrete-90);
  --lens-semantic-color-action-destructive-on-destructive: var(--lens-core-color-white);
  --lens-semantic-color-action-destructive-on-destructive-disabled: var(--lens-core-color-concrete-70);
  --lens-semantic-color-action-secondary-destructive-default: var(--lens-core-color-red-35);
  --lens-semantic-color-action-secondary-destructive-hover: var(--lens-semantic-color-data-visualization-multi-hue-green-red-01);
  --lens-semantic-color-action-secondary-destructive-active: var(--lens-core-color-red-10);
  --lens-semantic-color-action-secondary-destructive-on-secondary-disabled: var(--lens-core-color-concrete-70);
  --lens-semantic-color-action-secondary-destructive-outline-disabled: var(--lens-core-color-concrete-90);
  --lens-semantic-color-action-calendar-hover: var(--lens-core-color-concrete-95);
  --lens-semantic-color-action-calendar-active: var(--lens-core-color-concrete-90);
  --lens-semantic-color-action-calendar-disabled: var(--lens-core-color-concrete-90);
  --lens-semantic-color-action-calendar-selected: var(--lens-core-color-indigo-35);
  --lens-semantic-color-action-calendar-selected-hover: var(--lens-core-color-indigo-25);
  --lens-semantic-color-action-calendar-selected-active: var(--lens-core-color-indigo-10);
  --lens-semantic-color-action-calendar-highlighted: var(--lens-core-color-indigo-35);
  --lens-semantic-color-action-calendar-on-calendar: var(--lens-core-color-concrete-15);
  --lens-semantic-color-action-calendar-on-calendar-selected: var(--lens-core-color-white);
  --lens-semantic-color-action-calendar-on-calendar-disabled: var(--lens-core-color-concrete-70);
  --lens-semantic-color-background-base: var(--lens-core-color-white);
  --lens-semantic-color-background-container: #faf3f7;
  --lens-semantic-color-background-base-gradient-start: var(--lens-core-color-concrete-98);
  --lens-semantic-color-background-base-gradient-end: var(--lens-core-color-concrete-99);
  --lens-semantic-color-background-backdrop: #282e3750;
  --lens-semantic-color-data-visualization-rag-positive-0-50: #d5ffd6;
  --lens-semantic-color-data-visualization-rag-positive-0-75: #b9ffb9;
  --lens-semantic-color-data-visualization-rag-positive-01: #98ff9a;
  --lens-semantic-color-data-visualization-rag-positive-02: #5cff5f;
  --lens-semantic-color-data-visualization-rag-positive-03: #31ee2e;
  --lens-semantic-color-data-visualization-rag-positive-04: #26c926;
  --lens-semantic-color-data-visualization-rag-positive-05: #15a015;
  --lens-semantic-color-data-visualization-rag-negative-0-50: #ffe4e4;
  --lens-semantic-color-data-visualization-rag-negative-0-75: #ffcac9;
  --lens-semantic-color-data-visualization-rag-negative-01: #ffaeae;
  --lens-semantic-color-data-visualization-rag-negative-02: #ff7976;
  --lens-semantic-color-data-visualization-rag-negative-03: #f63734;
  --lens-semantic-color-data-visualization-rag-negative-04: #c92624;
  --lens-semantic-color-data-visualization-rag-negative-05: #a01516;
  --lens-semantic-color-data-visualization-rag-neutral-0-50: #fffcd1;
  --lens-semantic-color-data-visualization-rag-neutral-0-75: #fffac0;
  --lens-semantic-color-data-visualization-rag-neutral-01: #fff25f;
  --lens-semantic-color-data-visualization-rag-neutral-02: #ffde40;
  --lens-semantic-color-data-visualization-rag-neutral-03: #ffbf00;
  --lens-semantic-color-data-visualization-rag-neutral-04: #daa200;
  --lens-semantic-color-data-visualization-rag-neutral-05: #b28000;
  --lens-semantic-color-outline-fixed: var(--lens-core-color-concrete-90);
  --lens-semantic-color-outline-default: var(--lens-core-color-concrete-60);
  --lens-semantic-color-outline-hover: var(--lens-core-color-concrete-35);
  --lens-semantic-color-outline-active: var(--lens-core-color-concrete-5);
  --lens-semantic-color-outline-disabled: var(--lens-core-color-concrete-90);
  --lens-semantic-color-selection-secondary-default: var(--lens-core-color-ocean-95);
  --lens-semantic-color-selection-secondary-hover: var(--lens-core-color-ocean-90);
  --lens-semantic-color-selection-secondary-active: var(--lens-core-color-ocean-80);
  --lens-semantic-color-status-success-default: var(--lens-core-color-moss-70);
  --lens-semantic-color-status-success-text-default: var(--lens-core-color-moss-25);
  --lens-semantic-color-status-success-background: var(--lens-core-color-moss-95);
  --lens-semantic-color-status-success-text: var(--lens-core-color-moss-35);
  --lens-semantic-color-status-warning-default: var(--lens-core-color-yellow-90);
  --lens-semantic-color-status-warning-text-default: var(--lens-core-color-yellow-20);
  --lens-semantic-color-status-warning-background: var(--lens-core-color-yellow-95);
  --lens-semantic-color-status-warning-text: var(--lens-core-color-yellow-35);
  --lens-semantic-color-status-notification-default: var(--lens-core-color-indigo-40);
  --lens-semantic-color-status-notification-text-default: var(--lens-core-color-white);
  --lens-semantic-color-status-notification-background: var(--lens-core-color-ocean-95);
  --lens-semantic-color-status-notification-text: var(--lens-core-color-ocean-35);
  --lens-semantic-color-status-error-default: var(--lens-core-color-red-40);
  --lens-semantic-color-status-error-text-default: var(--lens-core-color-red-99);
  --lens-semantic-color-status-error-background: var(--lens-core-color-red-95);
  --lens-semantic-color-status-error-text: var(--lens-core-color-red-35);
  --lens-semantic-color-status-neutral-background: var(--lens-core-color-concrete-40);
  --lens-semantic-color-status-neutral-text-default: var(--lens-core-color-concrete-99);
  --lens-semantic-color-status-neutral-background-variant: var(--lens-core-color-concrete-90);
  --lens-semantic-color-status-neutral-text: var(--lens-core-color-concrete-15);
  --lens-semantic-color-status-new-default: var(--lens-core-color-indigo-40);
  --lens-semantic-color-status-new-text-default: var(--lens-core-color-white);
  --lens-semantic-color-surface-default: var(--lens-core-color-white);
  --lens-semantic-color-surface-variant: var(--lens-core-color-concrete-95);
  --lens-semantic-color-surface-subtle: var(--lens-core-color-concrete-98);
  --lens-semantic-color-surface-inverse: var(--lens-core-color-white);
  --lens-semantic-color-type-default: var(--lens-core-color-concrete-15);
  --lens-semantic-color-type-muted: var(--lens-core-color-concrete-40);
  --lens-semantic-color-type-disabled: var(--lens-core-color-concrete-70);
  --lens-semantic-color-type-inverse: var(--lens-core-color-concrete-10);
  --lens-semantic-color-ui-focus-ring: var(--lens-core-color-indigo-40);
  --lens-semantic-color-ui-focus-inverse: var(--lens-core-color-indigo-40);
  --lens-semantic-color-ui-loading-default: var(--lens-core-color-concrete-90);
  --lens-semantic-color-ui-loading-variant: var(--lens-core-color-concrete-50);
  --lens-semantic-color-ui-divider-default: var(--lens-core-color-concrete-90);
  --lens-semantic-color-ui-divider-secondary: var(--lens-core-color-concrete-60);
  --lens-semantic-color-ui-scrollbar-handle: var(--lens-core-color-concrete-70);
}
.atlas-dark-tokens {
  --lens-semantic-color-accent-red-background: var(--lens-core-color-storm-30);
  --lens-semantic-color-accent-red-content: var(--lens-core-color-storm-99);
  --lens-semantic-color-accent-yellow-background: var(--lens-semantic-color-data-visualization-divergent-blue-yellow-01);
  --lens-semantic-color-accent-yellow-content: var(--lens-core-color-yellow-5);
  --lens-semantic-color-accent-green-background: var(--lens-core-color-moss-40);
  --lens-semantic-color-accent-green-content: var(--lens-core-color-moss-99);
  --lens-semantic-color-accent-blue-background: var(--lens-core-color-indigo-40);
  --lens-semantic-color-accent-blue-content: var(--lens-core-color-indigo-99);
  --lens-semantic-color-accent-purple-background: var(--lens-core-color-purple-35);
  --lens-semantic-color-accent-purple-content: var(--lens-core-color-purple-99);
  --lens-semantic-color-action-primary-default: var(--lens-semantic-color-data-visualization-multi-hue-sky-flamingo-08);
  --lens-semantic-color-action-primary-default-gradient-start: var(--lens-core-color-sky-80);
  --lens-semantic-color-action-primary-default-gradient-end: var(--lens-semantic-color-data-visualization-multi-hue-sky-flamingo-08);
  --lens-semantic-color-action-primary-hover: var(--lens-core-color-sky-90);
  --lens-semantic-color-action-primary-hover-gradient-start: var(--lens-core-color-sky-90);
  --lens-semantic-color-action-primary-hover-gradient-end: var(--lens-core-color-sky-80);
  --lens-semantic-color-action-primary-active: var(--lens-core-color-sky-95);
  --lens-semantic-color-action-primary-active-gradient-start: var(--lens-core-color-sky-95);
  --lens-semantic-color-action-primary-active-gradient-end: var(--lens-core-color-sky-90);
  --lens-semantic-color-action-primary-disabled: var(--lens-core-color-storm-35);
  --lens-semantic-color-action-primary-on-primary: var(--lens-core-color-sky-15);
  --lens-semantic-color-action-primary-on-primary-disabled: var(--lens-core-color-storm-50);
  --lens-semantic-color-action-ai-primary-default-gradient-start: var(--lens-core-color-flamingo-60);
  --lens-semantic-color-action-ai-primary-default-gradient-end: var(--lens-core-color-indigo-60);
  --lens-semantic-color-action-ai-primary-hover-gradient-start: var(--lens-core-color-flamingo-70);
  --lens-semantic-color-action-ai-primary-hover-gradient-end: var(--lens-core-color-indigo-70);
  --lens-semantic-color-action-ai-primary-active-gradient-start: var(--lens-core-color-flamingo-80);
  --lens-semantic-color-action-ai-primary-active-gradient-end: var(--lens-core-color-indigo-80);
  --lens-semantic-color-action-ai-primary-disabled-gradient-start: var(--lens-core-color-flamingo-15);
  --lens-semantic-color-action-ai-primary-disabled-gradient-end: var(--lens-core-color-indigo-20);
  --lens-semantic-color-action-ai-primary-on-ai-primary: var(--lens-core-color-storm-10);
  --lens-semantic-color-action-ai-primary-on-ai-primary-disabled: var(--lens-core-color-storm-25);
  --lens-semantic-color-action-secondary-hover-fill: var(--lens-core-color-storm-20);
  --lens-semantic-color-action-secondary-active-fill: var(--lens-core-color-storm-50);
  --lens-semantic-color-action-secondary-on-secondary: var(--lens-core-color-white);
  --lens-semantic-color-action-secondary-on-secondary-disabled: var(--lens-core-color-storm-40);
  --lens-semantic-color-action-secondary-outline: var(--lens-core-color-storm-50);
  --lens-semantic-color-action-secondary-disabled-outline: var(--lens-core-color-storm-35);
  --lens-semantic-color-action-secondary-inverse-hover: var(--lens-core-color-storm-20);
  --lens-semantic-color-action-secondary-inverse-selected: var(--lens-core-color-storm-25);
  --lens-semantic-color-action-secondary-inverse-on-selected: var(--lens-semantic-color-data-visualization-multi-hue-sky-flamingo-08);
  --lens-semantic-color-action-secondary-inverse-selection-indicator: var(--lens-semantic-color-data-visualization-multi-hue-sky-flamingo-08);
  --lens-semantic-color-action-secondary-inverse-selection-indicator-tabs: var(--lens-semantic-color-data-visualization-multi-hue-sky-flamingo-08);
  --lens-semantic-color-action-secondary-inverse-active: var(--lens-core-color-storm-50);
  --lens-semantic-color-action-secondary-inverse-highlighted: var(--lens-core-color-storm-50);
  --lens-semantic-color-action-secondary-inverse-on-secondary-inverse: var(--lens-core-color-white);
  --lens-semantic-color-action-secondary-inverse-on-secondary-inverse-muted: var(--lens-core-color-storm-70);
  --lens-semantic-color-action-secondary-inverse-on-secondary-inverse-disabled: var(--lens-core-color-storm-40);
  --lens-semantic-color-action-secondary-inverse-outline: var(--lens-core-color-white);
  --lens-semantic-color-action-secondary-inverse-outline-disabled: var(--lens-core-color-storm-35);
  --lens-semantic-color-action-destructive-default: var(--lens-core-color-red-70);
  --lens-semantic-color-action-destructive-default-gradient-start: var(--lens-core-color-red-70);
  --lens-semantic-color-action-destructive-default-gradient-end: var(--lens-core-color-red-60);
  --lens-semantic-color-action-destructive-hover: var(--lens-core-color-red-80);
  --lens-semantic-color-action-destructive-hover-gradient-start: var(--lens-core-color-red-80);
  --lens-semantic-color-action-destructive-hover-gradient-end: var(--lens-core-color-red-70);
  --lens-semantic-color-action-destructive-active: var(--lens-core-color-red-90);
  --lens-semantic-color-action-destructive-active-gradient-start: var(--lens-core-color-red-90);
  --lens-semantic-color-action-destructive-active-gradient-end: var(--lens-core-color-red-80);
  --lens-semantic-color-action-destructive-disabled: var(--lens-core-color-storm-35);
  --lens-semantic-color-action-destructive-on-destructive: var(--lens-core-color-red-5);
  --lens-semantic-color-action-destructive-on-destructive-disabled: var(--lens-core-color-storm-50);
  --lens-semantic-color-action-secondary-destructive-default: var(--lens-core-color-red-60);
  --lens-semantic-color-action-secondary-destructive-hover: var(--lens-core-color-red-70);
  --lens-semantic-color-action-secondary-destructive-active: var(--lens-core-color-red-90);
  --lens-semantic-color-action-secondary-destructive-on-secondary-disabled: var(--lens-core-color-storm-40);
  --lens-semantic-color-action-secondary-destructive-outline-disabled: var(--lens-core-color-storm-35);
  --lens-semantic-color-action-calendar-hover: var(--lens-core-color-storm-20);
  --lens-semantic-color-action-calendar-active: var(--lens-core-color-storm-50);
  --lens-semantic-color-action-calendar-disabled: var(--lens-core-color-storm-35);
  --lens-semantic-color-action-calendar-selected: var(--lens-semantic-color-data-visualization-multi-hue-sky-flamingo-08);
  --lens-semantic-color-action-calendar-selected-hover: var(--lens-core-color-sky-80);
  --lens-semantic-color-action-calendar-selected-active: var(--lens-core-color-sky-90);
  --lens-semantic-color-action-calendar-highlighted: var(--lens-semantic-color-data-visualization-multi-hue-sky-flamingo-08);
  --lens-semantic-color-action-calendar-on-calendar: var(--lens-core-color-white);
  --lens-semantic-color-action-calendar-on-calendar-selected: var(--lens-core-color-sky-5);
  --lens-semantic-color-action-calendar-on-calendar-disabled: var(--lens-core-color-storm-50);
  --lens-semantic-color-ai-default-gradient-start: var(--lens-core-color-red-70);
  --lens-semantic-color-ai-default-gradient-middle: var(--lens-core-color-purple-70);
  --lens-semantic-color-ai-default-gradient-end: var(--lens-core-color-indigo-70);
  --lens-semantic-color-background-base: var(--lens-core-color-storm-15);
  --lens-semantic-color-background-container: #0b184c;
  --lens-semantic-color-background-base-gradient-start: var(--lens-core-color-storm-5);
  --lens-semantic-color-background-base-gradient-end: var(--lens-core-color-storm-10);
  --lens-semantic-color-background-backdrop: #282e3750;
  --lens-semantic-color-data-visualization-qualitative-blue-0-25: #0b4cce;
  --lens-semantic-color-data-visualization-qualitative-blue-0-50: #0086fa;
  --lens-semantic-color-data-visualization-qualitative-blue-0-75: #00aaf3;
  --lens-semantic-color-data-visualization-qualitative-blue-01: #00d3f3;
  --lens-semantic-color-data-visualization-qualitative-blue-02: #00d3f3;
  --lens-semantic-color-data-visualization-qualitative-blue-03: #85e1f9;
  --lens-semantic-color-data-visualization-qualitative-blue-04: #c6f7ff;
  --lens-semantic-color-data-visualization-qualitative-purple-0-25: #fdefff;
  --lens-semantic-color-data-visualization-qualitative-purple-0-50: #f0c4ff;
  --lens-semantic-color-data-visualization-qualitative-purple-0-75: #df9dfe;
  --lens-semantic-color-data-visualization-qualitative-purple-01: #c247fa;
  --lens-semantic-color-data-visualization-qualitative-purple-02: #8b4bfa;
  --lens-semantic-color-data-visualization-qualitative-purple-03: #642fcf;
  --lens-semantic-color-data-visualization-qualitative-purple-04: #4d1dd5;
  --lens-semantic-color-data-visualization-qualitative-gray-0-25: #f0f1f3;
  --lens-semantic-color-data-visualization-qualitative-gray-0-50: #dadada;
  --lens-semantic-color-data-visualization-qualitative-gray-0-75: #cccdce;
  --lens-semantic-color-data-visualization-qualitative-gray-01: #dadada;
  --lens-semantic-color-data-visualization-qualitative-gray-02: #a0a2a5;
  --lens-semantic-color-data-visualization-qualitative-gray-03: #6f7377;
  --lens-semantic-color-data-visualization-qualitative-gray-04: #282e37;
  --lens-semantic-color-data-visualization-qualitative-turquoise-0-25: #a7fbed;
  --lens-semantic-color-data-visualization-qualitative-turquoise-0-50: #91e0d2;
  --lens-semantic-color-data-visualization-qualitative-turquoise-0-75: #7ac5b7;
  --lens-semantic-color-data-visualization-qualitative-turquoise-01: #62a99a;
  --lens-semantic-color-data-visualization-qualitative-turquoise-02: #488b7d;
  --lens-semantic-color-data-visualization-qualitative-turquoise-03: #2b6b5e;
  --lens-semantic-color-data-visualization-qualitative-turquoise-04: #00493c;
  --lens-semantic-color-data-visualization-sequential-positive-0-50: #04655d;
  --lens-semantic-color-data-visualization-sequential-positive-0-75: #00a89a;
  --lens-semantic-color-data-visualization-sequential-positive-01: #00ccbb;
  --lens-semantic-color-data-visualization-sequential-positive-02: #00e5d2;
  --lens-semantic-color-data-visualization-sequential-positive-03: #9ef5ee;
  --lens-semantic-color-data-visualization-sequential-positive-04: #b8faf4;
  --lens-semantic-color-data-visualization-sequential-positive-05: #d0fefb;
  --lens-semantic-color-data-visualization-sequential-negative-0-50: #a30041;
  --lens-semantic-color-data-visualization-sequential-negative-0-75: #e6005c;
  --lens-semantic-color-data-visualization-sequential-negative-01: #ff66a3;
  --lens-semantic-color-data-visualization-sequential-negative-02: #ff99c4;
  --lens-semantic-color-data-visualization-sequential-negative-03: #ffa8cb;
  --lens-semantic-color-data-visualization-sequential-negative-04: #ffcce1;
  --lens-semantic-color-data-visualization-sequential-negative-05: #ffe7f1;
  --lens-semantic-color-data-visualization-sequential-neutral-0-50: #9e6900;
  --lens-semantic-color-data-visualization-sequential-neutral-0-75: #e5a500;
  --lens-semantic-color-data-visualization-sequential-neutral-01: #f5cc00;
  --lens-semantic-color-data-visualization-sequential-neutral-02: #f4eb75;
  --lens-semantic-color-data-visualization-sequential-neutral-03: #fef9af;
  --lens-semantic-color-data-visualization-sequential-neutral-04: #fffbc6;
  --lens-semantic-color-data-visualization-sequential-neutral-05: #fffddd;
  --lens-semantic-color-data-visualization-rag-positive-0-50: #d5ffd6;
  --lens-semantic-color-data-visualization-rag-positive-0-75: #b9ffb9;
  --lens-semantic-color-data-visualization-rag-positive-01: #98ff9a;
  --lens-semantic-color-data-visualization-rag-positive-02: #5cff5f;
  --lens-semantic-color-data-visualization-rag-positive-03: #31ee2e;
  --lens-semantic-color-data-visualization-rag-positive-04: #26c926;
  --lens-semantic-color-data-visualization-rag-positive-05: #15a015;
  --lens-semantic-color-data-visualization-rag-negative-0-50: #ffe4e4;
  --lens-semantic-color-data-visualization-rag-negative-0-75: #ffcac9;
  --lens-semantic-color-data-visualization-rag-negative-01: #ffaeae;
  --lens-semantic-color-data-visualization-rag-negative-02: #ff7976;
  --lens-semantic-color-data-visualization-rag-negative-03: #f63734;
  --lens-semantic-color-data-visualization-rag-negative-04: #c92624;
  --lens-semantic-color-data-visualization-rag-negative-05: #a01516;
  --lens-semantic-color-data-visualization-rag-neutral-0-50: #fffcd1;
  --lens-semantic-color-data-visualization-rag-neutral-0-75: #fffac0;
  --lens-semantic-color-data-visualization-rag-neutral-01: #fff25f;
  --lens-semantic-color-data-visualization-rag-neutral-02: #ffde40;
  --lens-semantic-color-data-visualization-rag-neutral-03: #ffbf00;
  --lens-semantic-color-data-visualization-rag-neutral-04: #daa200;
  --lens-semantic-color-data-visualization-rag-neutral-05: #b28000;
  --lens-semantic-color-outline-fixed: var(--lens-core-color-storm-30);
  --lens-semantic-color-outline-default: var(--lens-core-color-storm-50);
  --lens-semantic-color-outline-hover: var(--lens-core-color-storm-70);
  --lens-semantic-color-outline-active: var(--lens-core-color-storm-5);
  --lens-semantic-color-outline-disabled: var(--lens-core-color-storm-35);
  --lens-semantic-color-selection-secondary-default: var(--lens-core-color-storm-25);
  --lens-semantic-color-selection-secondary-hover: var(--lens-core-color-storm-20);
  --lens-semantic-color-selection-secondary-active: var(--lens-core-color-storm-5);
  --lens-semantic-color-status-success-default: var(--lens-core-color-moss-60);
  --lens-semantic-color-status-success-text-default: var(--lens-core-color-moss-15);
  --lens-semantic-color-status-success-background: var(--lens-core-color-moss-25);
  --lens-semantic-color-status-success-text: var(--lens-core-color-moss-95);
  --lens-semantic-color-status-warning-default: var(--lens-semantic-color-data-visualization-divergent-blue-yellow-01);
  --lens-semantic-color-status-warning-text-default: var(--lens-core-color-yellow-15);
  --lens-semantic-color-status-warning-background: var(--lens-core-color-yellow-25);
  --lens-semantic-color-status-warning-text: var(--lens-core-color-yellow-95);
  --lens-semantic-color-status-notification-default: var(--lens-core-color-sky-80);
  --lens-semantic-color-status-notification-text-default: var(--lens-core-color-sky-15);
  --lens-semantic-color-status-notification-background: var(--lens-core-color-sky-25);
  --lens-semantic-color-status-notification-text: var(--lens-core-color-sky-95);
  --lens-semantic-color-status-error-default: var(--lens-core-color-red-60);
  --lens-semantic-color-status-error-text-default: var(--lens-core-color-red-15);
  --lens-semantic-color-status-error-background: var(--lens-core-color-red-15);
  --lens-semantic-color-status-error-text: var(--lens-core-color-red-60);
  --lens-semantic-color-status-neutral-background: var(--lens-core-color-storm-60);
  --lens-semantic-color-status-neutral-text-default: var(--lens-core-color-storm-5);
  --lens-semantic-color-status-neutral-background-variant: var(--lens-core-color-storm-30);
  --lens-semantic-color-status-neutral-text: var(--lens-core-color-storm-80);
  --lens-semantic-color-status-new-default: var(--lens-core-color-sky-80);
  --lens-semantic-color-status-new-text-default: var(--lens-core-color-sky-15);
  --lens-semantic-color-surface-default: var(--lens-core-color-storm-15);
  --lens-semantic-color-surface-variant: var(--lens-core-color-storm-25);
  --lens-semantic-color-surface-subtle: var(--lens-core-color-storm-20);
  --lens-semantic-color-surface-inverse: var(--lens-core-color-storm-15);
  --lens-semantic-color-type-default: var(--lens-core-color-white);
  --lens-semantic-color-type-muted: var(--lens-core-color-storm-60);
  --lens-semantic-color-type-disabled: var(--lens-core-color-storm-50);
  --lens-semantic-color-type-inverse: var(--lens-core-color-white);
  --lens-semantic-color-ui-focus-ring: var(--lens-core-color-white);
  --lens-semantic-color-ui-focus-inverse: var(--lens-core-color-indigo-40);
  --lens-semantic-color-ui-loading-default: var(--lens-core-color-storm-25);
  --lens-semantic-color-ui-loading-variant: var(--lens-core-color-storm-60);
  --lens-semantic-color-ui-divider-default: var(--lens-core-color-storm-35);
  --lens-semantic-color-ui-divider-secondary: var(--lens-core-color-storm-60);
  --lens-semantic-color-ui-scrollbar-handle: var(--lens-core-color-storm-60);
}
.lens-theme {
  --lens-component-accordion-color: var(--lens-semantic-color-type-default);
  --lens-component-accordion-border-bottom-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-accordion-border-bottom-width: var(--lens-semantic-border-width-thin);
  --lens-component-accordion-border-bottom-style: var(--lens-core-border-style-solid);
  --lens-component-accordion-border-radius: var(--lens-semantic-radius-none);
  --lens-component-accordion-subtitle-font-size: var(--lens-semantic-font-title-h6xs-font-size);
  --lens-component-accordion-subtitle-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-component-accordion-subtitle-line-height: var(--lens-semantic-font-title-h6xs-line-height);
  --lens-component-accordion-subtitle-color: var(--lens-semantic-color-type-muted);
  --lens-component-accordion-summary-min-height: var(--lens-core-spacing-5);
  --lens-component-accordion-summary-padding-right: var(--lens-core-spacing-1);
  --lens-component-accordion-summary-padding-left: var(--lens-core-spacing-1);
  --lens-component-accordion-summary-padding-top: var(--lens-core-spacing-1);
  --lens-component-accordion-summary-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-accordion-summary-gap: var(--lens-core-spacing-2);
  --lens-component-accordion-hover-color: var(--lens-semantic-color-type-default);
  --lens-component-accordion-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-accordion-active-color: var(--lens-semantic-color-type-default);
  --lens-component-accordion-active-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-accordion-focus-box-shadow: var(--lens-semantic-shadow-focus-inset);
  --lens-component-accordion-focus-outline-offset: -2px;
  --lens-component-accordion-icon-color: var(--lens-semantic-color-type-default);
  --lens-component-accordion-icon-width: var(--lens-core-spacing-3);
  --lens-component-accordion-icon-height: var(--lens-core-spacing-3);
  --lens-component-accordion-details-padding-top: var(--lens-core-spacing-1);
  --lens-component-accordion-details-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-accordion-details-padding-right: var(--lens-core-spacing-2);
  --lens-component-accordion-details-padding-left: var(--lens-core-spacing-2);
}
.lens-theme {
  --lens-component-ai-chat-box-gap: var(--lens-core-spacing-3);
  --lens-component-ai-chat-box-container-border-radius: var(--lens-core-spacing-4);
  --lens-component-ai-chat-box-container-padding: var(--lens-core-spacing-px);
  --lens-component-ai-chat-box-container-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-ai-chat-box-container-max-width: 980px;
  --lens-component-ai-chat-box-container-default-border-color: var(--lens-component-input-outlined-default-border-border-color);
  --lens-component-ai-chat-box-container-hover-border-color: var(--lens-component-input-outlined-hover-border-border-color);
  --lens-component-ai-chat-box-container-active-border-color: var(--lens-component-input-outlined-active-border-border-color);
  --lens-component-ai-chat-box-container-disabled-border-color: var(--lens-component-input-outlined-disabled-border-border-color);
  --lens-component-ai-chat-box-blur-stop1: #d3222a4d;
  --lens-component-ai-chat-box-blur-stop2: #c247fa4d;
  --lens-component-ai-chat-box-blur-stop3: #00aaf34d;
  --lens-component-ai-chat-box-blur-blur-radius: 40px;
  --lens-component-ai-chat-box-blur-height: 80px;
  --lens-component-ai-chat-box-blur-max-width: 700px;
  --lens-component-ai-chat-box-blur-border-radius: 700px;
  --lens-component-ai-chat-box-border-gradient-stop1: #0086fa;
  --lens-component-ai-chat-box-border-gradient-stop2: #c247fa;
  --lens-component-ai-chat-box-border-gradient-stop3: #d3222a;
  --lens-component-ai-chat-box-text-field-padding-left: var(--lens-core-spacing-3);
  --lens-component-ai-chat-box-text-field-padding-right: var(--lens-core-spacing-3);
  --lens-component-ai-chat-box-text-field-padding-top: var(--lens-core-spacing-2);
  --lens-component-ai-chat-box-text-field-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-box-actions-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-box-actions-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-box-actions-padding-left: var(--lens-core-spacing-2);
  --lens-component-ai-chat-box-actions-padding-right: var(--lens-core-spacing-2);
  --lens-component-ai-chat-box-actions-gap: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-box-actions-leading-gap: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-box-actions-trailing-gap: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-box-button-border-radius: var(--lens-semantic-radius-full);
  --lens-component-ai-chat-box-uploads-min-height: 80px;
  --lens-component-ai-chat-box-uploads-background-color: var(--lens-semantic-color-surface-variant);
  --lens-component-ai-chat-box-uploads-padding: var(--lens-core-spacing-2);
  --lens-component-ai-chat-box-uploads-gap: var(--lens-core-spacing-1);
  --lens-component-ai-chat-box-uploads-drop-zone-border-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-ai-chat-box-uploads-drop-zone-border-style: var(--lens-core-border-style-dashed);
  --lens-component-ai-chat-box-uploads-drop-zone-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-ai-chat-box-uploads-drop-zone-border-radius: var(--lens-core-spacing-3);
  --lens-component-ai-chat-box-uploads-drop-zone-inset: var(--lens-core-spacing-1);
  --lens-component-ai-chat-box-uploads-drop-zone-color: var(--lens-semantic-color-type-muted);
  --lens-component-ai-chat-box-uploads-drop-zone-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-ai-chat-box-uploads-item-height: var(--lens-core-spacing-6);
  --lens-component-ai-chat-box-uploads-item-gap: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-box-uploads-item-max-width: 280px;
  --lens-component-ai-chat-box-uploads-item-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-ai-chat-box-uploads-item-border-color: var(--lens-semantic-color-outline-default);
  --lens-component-ai-chat-box-uploads-item-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-ai-chat-box-uploads-item-border-style: var(--lens-core-border-style-solid);
  --lens-component-ai-chat-box-uploads-item-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-ai-chat-box-uploads-item-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-box-uploads-item-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-box-uploads-item-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-ai-chat-box-uploads-item-hover-background-color: var(--lens-semantic-color-surface-variant);
  --lens-component-ai-chat-box-uploads-item-hover-border-color: var(--lens-semantic-color-outline-hover);
  --lens-component-ai-chat-box-uploads-button-width: var(--lens-core-spacing-3);
  --lens-component-ai-chat-box-uploads-button-height: var(--lens-core-spacing-3);
  --lens-component-ai-chat-box-uploads-button-icon-width: var(--lens-semantic-icon-size-sm);
  --lens-component-ai-chat-box-uploads-button-icon-height: var(--lens-semantic-icon-size-sm);
  --lens-component-ai-chat-box-uploads-tooltip-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-ai-chat-box-uploads-tooltip-color: var(--lens-semantic-color-type-default);
  --lens-component-ai-chat-box-tools-menu-gap: var(--lens-core-spacing-2);
  --lens-component-ai-chat-box-tools-menu-has-selected-margin-inline-start: var(--lens-core-spacing-0-5);
  --lens-component-ai-chat-box-suggestions-gap: var(--lens-core-spacing-2);
  --lens-component-ai-chat-box-suggestions-chip-background-color: var(--lens-core-color-transparent);
  --lens-component-ai-chat-box-disclaimer-color: var(--lens-semantic-color-type-muted);
  --lens-component-ai-chat-box-disclaimer-gap: var(--lens-core-spacing-0-5);
}
.lens-theme {
  --lens-component-ai-chat-content-gap: var(--lens-core-spacing-3);
  --lens-component-ai-chat-content-timestamp-gap: var(--lens-core-spacing-2);
  --lens-component-ai-chat-content-timestamp-divider-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-ai-chat-content-timestamp-divider-width: var(--lens-semantic-border-width-thin);
  --lens-component-ai-chat-content-timestamp-divider-style: var(--lens-core-border-style-solid);
  --lens-component-ai-chat-content-timestamp-label-font-size: var(--lens-semantic-font-label-xs-font-size);
  --lens-component-ai-chat-content-timestamp-label-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-component-ai-chat-content-timestamp-label-line-height: var(--lens-semantic-font-label-xs-line-height);
  --lens-component-ai-chat-content-timestamp-label-letter-spacing: var(--lens-semantic-font-label-xs-letter-spacing);
  --lens-component-ai-chat-content-timestamp-label-color: var(--lens-semantic-color-type-muted);
  --lens-component-ai-chat-content-user-message-gap: var(--lens-core-spacing-2);
  --lens-component-ai-chat-content-user-message-bubble-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-ai-chat-content-user-message-bubble-padding-inline: var(--lens-core-spacing-2-5);
  --lens-component-ai-chat-content-user-message-bubble-padding-block: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-content-user-message-bubble-max-width: 604px;
  --lens-component-ai-chat-content-user-message-bubble-box-shadow: var(--lens-core-shadow-low);
  --lens-component-ai-chat-content-user-message-bubble-left-aligned-border-start-start-radius: var(--lens-core-spacing-0-5);
  --lens-component-ai-chat-content-user-message-bubble-left-aligned-border-start-end-radius: var(--lens-core-spacing-4);
  --lens-component-ai-chat-content-user-message-bubble-left-aligned-border-end-start-radius: var(--lens-core-spacing-3);
  --lens-component-ai-chat-content-user-message-bubble-left-aligned-border-end-end-radius: var(--lens-core-spacing-4);
  --lens-component-ai-chat-content-user-message-bubble-right-aligned-border-start-start-radius: var(--lens-core-spacing-4);
  --lens-component-ai-chat-content-user-message-bubble-right-aligned-border-start-end-radius: var(--lens-core-spacing-0-5);
  --lens-component-ai-chat-content-user-message-bubble-right-aligned-border-end-start-radius: var(--lens-core-spacing-4);
  --lens-component-ai-chat-content-user-message-bubble-right-aligned-border-end-end-radius: var(--lens-core-spacing-3);
  --lens-component-ai-chat-content-system-message-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-ai-chat-content-system-message-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-component-ai-chat-content-system-message-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
  --lens-component-ai-chat-content-system-message-color: var(--lens-semantic-color-type-muted);
  --lens-component-ai-chat-content-system-message-link-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-ai-chat-content-system-message-name-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-ai-chat-content-ai-message-gap: var(--lens-core-spacing-2);
  --lens-component-ai-chat-content-message-header-gap: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-content-message-header-content-gap: var(--lens-core-spacing-1);
  --lens-component-ai-chat-content-message-header-name-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-ai-chat-content-message-header-name-font-size: var(--lens-semantic-font-label-sm-font-size);
  --lens-component-ai-chat-content-message-header-name-line-height: var(--lens-semantic-font-label-sm-line-height);
  --lens-component-ai-chat-content-message-header-name-letter-spacing: var(--lens-semantic-font-label-sm-letter-spacing);
  --lens-component-ai-chat-content-message-header-time-font-size: var(--lens-semantic-font-label-xs-font-size);
  --lens-component-ai-chat-content-message-header-time-line-height: var(--lens-semantic-font-label-xs-line-height);
  --lens-component-ai-chat-content-message-header-time-letter-spacing: var(--lens-semantic-font-label-xs-letter-spacing);
  --lens-component-ai-chat-content-message-footer-gap: var(--lens-core-spacing-2);
  --lens-component-ai-chat-content-message-footer-call-to-action-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-ai-chat-content-message-footer-actions-gap: var(--lens-core-spacing-2);
  --lens-component-ai-chat-content-message-footer-leading-actions-gap: var(--lens-core-spacing-1);
  --lens-component-ai-chat-content-message-footer-trailing-actions-gap: var(--lens-core-spacing-1);
  --lens-component-ai-chat-content-message-footer-suggested-actions-gap: var(--lens-core-spacing-1);
  --lens-component-ai-chat-content-message-footer-suggested-actions-label-font-size: var(--lens-semantic-font-label-sm-font-size);
  --lens-component-ai-chat-content-message-footer-suggested-actions-label-line-height: var(--lens-semantic-font-label-sm-line-height);
  --lens-component-ai-chat-content-message-footer-suggested-actions-label-letter-spacing: var(--lens-semantic-font-label-sm-letter-spacing);
  --lens-component-ai-chat-content-message-footer-suggested-actions-label-color: var(--lens-semantic-color-type-muted);
  --lens-component-ai-chat-content-message-footer-suggested-actions-label-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-ai-chat-content-message-footer-suggested-actions-actions-gap: var(--lens-core-spacing-2);
  --lens-component-ai-chat-content-source-list-gap: var(--lens-core-spacing-0-5);
  --lens-component-ai-chat-content-source-list-margin-block: var(--lens-core-spacing-2);
  --lens-component-ai-chat-content-source-list-label-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-ai-chat-content-source-list-label-line-height: var(--lens-semantic-font-text-sm-line-height);
  --lens-component-ai-chat-content-source-list-label-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
  --lens-component-ai-chat-content-source-list-label-color: var(--lens-semantic-color-type-muted);
  --lens-component-ai-chat-content-source-list-label-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-ai-chat-content-source-list-label-margin-block-start: var(--lens-core-spacing-0-5);
  --lens-component-ai-chat-content-source-list-chips-column-gap: var(--lens-core-spacing-1);
  --lens-component-ai-chat-content-source-list-chips-row-gap: var(--lens-core-spacing-0-5);
}
.lens-theme {
  --lens-component-ai-chat-ui-page-border-start-start-radius: 40px;
  --lens-component-ai-chat-ui-page-background: var(--lens-semantic-gradients-background-default);
  --lens-component-ai-chat-ui-page-small-screen-padding-inline: var(--lens-core-spacing-2);
  --lens-component-ai-chat-ui-page-large-screen-padding-inline: 40px;
  --lens-component-ai-chat-ui-page-header-gap: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-ui-page-header-margin-block-end: var(--lens-core-spacing-6);
  --lens-component-ai-chat-ui-page-header-title-font-size: var(--lens-semantic-font-title-h1billboard-font-size);
  --lens-component-ai-chat-ui-page-header-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-ai-chat-ui-page-header-title-line-height: var(--lens-semantic-font-title-h1billboard-line-height);
  --lens-component-ai-chat-ui-page-header-title-letter-spacing: var(--lens-semantic-font-title-h1billboard-letter-spacing);
  --lens-component-ai-chat-ui-page-header-subtitle-font-size: var(--lens-semantic-font-title-h2display-font-size);
  --lens-component-ai-chat-ui-page-header-subtitle-font-weight: var(--lens-semantic-font-title-h2display-font-weight);
  --lens-component-ai-chat-ui-page-header-subtitle-line-height: var(--lens-semantic-font-title-h2display-line-height);
  --lens-component-ai-chat-ui-page-header-subtitle-letter-spacing: var(--lens-semantic-font-title-h2display-letter-spacing);
  --lens-component-ai-chat-ui-page-header-subtitle-color: var(--lens-semantic-color-type-muted);
  --lens-component-ai-chat-ui-page-content-max-width: 980px;
  --lens-component-ai-chat-ui-page-content-padding-block-start: 40px;
  --lens-component-ai-chat-ui-page-content-animation-margin: var(--lens-core-spacing-8);
  --lens-component-ai-chat-ui-page-content-blur-margin: var(--lens-core-spacing-6);
  --lens-component-ai-chat-ui-page-content-blur: var(--lens-core-spacing-2);
  --lens-component-ai-chat-ui-page-started-chat-chat-box-padding-block: var(--lens-core-spacing-3);
  --lens-component-ai-chat-ui-panel-container-background-color: var(--lens-semantic-color-surface-subtle);
  --lens-component-ai-chat-ui-panel-container-border-color: var(--lens-semantic-gradients-ai-default);
  --lens-component-ai-chat-ui-panel-container-border-width: var(--lens-core-spacing-px);
  --lens-component-ai-chat-ui-panel-container-shadow-stop1: var(--lens-core-color-gray-0);
  --lens-component-ai-chat-ui-panel-container-shadow-stop2: var(--lens-semantic-color-data-visualization-multi-hue-green-red-01);
  --lens-component-ai-chat-ui-panel-container-shadow-stop3: var(--lens-core-color-purple-70);
  --lens-component-ai-chat-ui-panel-container-shadow-stop4: var(--lens-core-color-indigo-50);
  --lens-component-ai-chat-ui-panel-container-shadow-stop5: var(--lens-core-color-gray-0);
  --lens-component-ai-chat-ui-panel-container-shadow-opacity: 0.24;
  --lens-component-ai-chat-ui-panel-container-shadow-blur-radius: 80px;
  --lens-component-ai-chat-ui-panel-content-padding-inline: var(--lens-core-spacing-2);
  --lens-component-ai-chat-ui-panel-content-padding-block: var(--lens-core-spacing-2);
  --lens-component-ai-chat-ui-panel-chat-box-border-color: var(--lens-semantic-color-background-base);
  --lens-component-ai-chat-ui-panel-docked-border-inline-start-color: var(--lens-semantic-color-outline-fixed);
  --lens-component-ai-chat-ui-panel-docked-border-inline-start-width: var(--lens-semantic-border-width-thin);
  --lens-component-ai-chat-ui-panel-docked-border-inline-start-style: var(--lens-core-border-style-solid);
  --lens-component-ai-chat-ui-panel-docked-width: 440px;
  --lens-component-ai-chat-ui-panel-docked-tablet-box-shadow: var(--lens-core-shadow-medium);
  --lens-component-ai-chat-ui-panel-floating-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-ai-chat-ui-panel-floating-border-color: var(--lens-semantic-color-outline-fixed);
  --lens-component-ai-chat-ui-panel-floating-border-style: var(--lens-core-border-style-solid);
  --lens-component-ai-chat-ui-panel-floating-box-shadow: var(--lens-core-shadow-medium);
  --lens-component-ai-chat-ui-panel-floating-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-ai-chat-ui-panel-floating-min-width: 320px;
  --lens-component-ai-chat-ui-panel-floating-max-width: 580px;
  --lens-component-ai-chat-ui-panel-floating-min-height: 320px;
  --lens-component-ai-chat-ui-panel-floating-chat-box-border-end-start-radius: var(--lens-semantic-radius-lg);
  --lens-component-ai-chat-ui-panel-floating-chat-box-border-end-end-radius: var(--lens-semantic-radius-lg);
  --lens-component-ai-chat-ui-panel-floating-docking-hint-background-color: var(--lens-core-color-blue-90);
  --lens-component-ai-chat-ui-panel-floating-docking-hint-border-inline-start-color: var(--lens-core-color-blue-60);
  --lens-component-ai-chat-ui-panel-floating-docking-hint-border-inline-start-width: var(--lens-semantic-border-width-thin);
  --lens-component-ai-chat-ui-panel-floating-docking-hint-border-inline-start-style: var(--lens-core-border-style-solid);
  --lens-component-ai-chat-ui-panel-floating-resize-handle-background-color: #00000000;
  --lens-component-ai-chat-ui-panel-floating-resize-handle-padding: var(--lens-core-spacing-0-25);
  --lens-component-ai-chat-ui-panel-floating-resize-handle-width: var(--lens-core-spacing-3);
  --lens-component-ai-chat-ui-panel-floating-resize-handle-height: var(--lens-core-spacing-3);
  --lens-component-ai-chat-ui-panel-floating-resize-handle-icon-width: var(--lens-core-spacing-2);
  --lens-component-ai-chat-ui-panel-floating-resize-handle-icon-height: var(--lens-core-spacing-2);
  --lens-component-ai-chat-ui-panel-minimized-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-ai-chat-ui-panel-minimized-inset-inline-end: var(--lens-core-spacing-3);
  --lens-component-ai-chat-ui-panel-minimized-inset-block-end: var(--lens-core-spacing-3);
  --lens-component-ai-chat-ui-panel-header-maximized-padding-inline: var(--lens-core-spacing-2);
  --lens-component-ai-chat-ui-panel-header-maximized-padding-block-end: var(--lens-core-spacing-2-5);
  --lens-component-ai-chat-ui-panel-header-maximized-small-screen-padding-block-start: var(--lens-core-spacing-2-5);
  --lens-component-ai-chat-ui-panel-header-maximized-gap: var(--lens-core-spacing-2);
  --lens-component-ai-chat-ui-panel-header-maximized-title-font-size: var(--lens-semantic-font-title-h3lg-font-size);
  --lens-component-ai-chat-ui-panel-header-maximized-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-ai-chat-ui-panel-header-maximized-title-line-height: var(--lens-semantic-font-title-h3lg-line-height);
  --lens-component-ai-chat-ui-panel-header-maximized-title-letter-spacing: var(--lens-semantic-font-title-h3lg-letter-spacing);
  --lens-component-ai-chat-ui-panel-header-minimized-padding: var(--lens-core-spacing-1-5);
  --lens-component-ai-chat-ui-panel-header-minimized-gap: var(--lens-core-spacing-2);
  --lens-component-ai-chat-ui-panel-header-minimized-content-gap: var(--lens-core-spacing-1);
  --lens-component-ai-chat-ui-panel-header-minimized-assistant-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-ai-chat-ui-panel-header-minimized-assistant-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-ai-chat-ui-panel-header-minimized-assistant-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-ai-chat-ui-panel-header-minimized-assistant-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-ai-chat-ui-panel-header-minimized-title-font-size: var(--lens-semantic-font-label-xs-font-size);
  --lens-component-ai-chat-ui-panel-header-minimized-title-font-weight: var(--lens-semantic-font-label-xs-font-weight);
  --lens-component-ai-chat-ui-panel-header-minimized-title-line-height: var(--lens-semantic-font-label-xs-line-height);
  --lens-component-ai-chat-ui-panel-header-minimized-title-letter-spacing: var(--lens-semantic-font-label-xs-letter-spacing);
}
.lens-theme {
  --lens-component-ai-context-panel-container-border-radius: var(--lens-core-spacing-5);
  --lens-component-ai-context-panel-container-border-width: var(--lens-core-spacing-0);
  --lens-component-ai-context-panel-container-padding: var(--lens-core-spacing-3);
  --lens-component-ai-context-panel-container-gap: var(--lens-core-spacing-3);
  --lens-component-ai-context-panel-container-box-shadow: var(--lens-core-shadow-low);
  --lens-component-ai-context-panel-wide-max-width: 684px;
  --lens-component-ai-context-panel-narrow-max-width: 336px;
  --lens-component-ai-context-panel-tab-gap: var(--lens-core-spacing-1);
  --lens-component-ai-context-panel-tab-height: var(--lens-core-spacing-4);
  --lens-component-ai-context-panel-tab-padding-top: var(--lens-core-spacing-0-5);
  --lens-component-ai-context-panel-tab-padding-bottom: var(--lens-core-spacing-0-5);
  --lens-component-ai-context-panel-tab-padding-inline-start: var(--lens-core-spacing-1-5);
  --lens-component-ai-context-panel-tab-padding-inline-end: var(--lens-core-spacing-1-5);
  --lens-component-ai-context-panel-tab-border-radius: var(--lens-semantic-radius-full);
  --lens-component-ai-context-panel-tab-font-size: var(--lens-semantic-font-label-sm-font-size);
  --lens-component-ai-context-panel-tab-line-height: var(--lens-semantic-font-label-sm-line-height);
  --lens-component-ai-context-panel-tab-label-content-gap: var(--lens-core-spacing-0-5);
  --lens-component-ai-context-panel-tab-active-color: var(--lens-semantic-color-type-default);
  --lens-component-ai-context-panel-tab-active-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-ai-context-panel-tab-active-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-ai-context-panel-tab-active-border-style: var(--lens-core-border-style-solid);
  --lens-component-ai-context-panel-tab-inactive-background-color: var(--lens-core-color-transparent);
  --lens-component-ai-context-panel-tab-inactive-color: var(--lens-semantic-color-type-muted);
  --lens-component-ai-context-panel-tab-inactive-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-ai-context-panel-tab-badge-background-color: var(--lens-semantic-color-status-new-default);
  --lens-component-ai-context-panel-tab-badge-color: var(--lens-semantic-color-type-inverse);
  --lens-component-ai-context-panel-tab-badge-font-size: var(--lens-semantic-font-label-sm-font-size);
  --lens-component-ai-context-panel-tab-badge-font-weight: var(--lens-core-font-weight-semi-bold);
  --lens-component-ai-context-panel-tab-badge-line-height: var(--lens-semantic-font-label-sm-line-height);
  --lens-component-ai-context-panel-tab-badge-width: var(--lens-core-spacing-2);
  --lens-component-ai-context-panel-tab-badge-height: var(--lens-core-spacing-2);
  --lens-component-ai-context-panel-tab-badge-border-radius: var(--lens-semantic-radius-full);
  --lens-component-ai-context-panel-title-font-size: var(--lens-semantic-font-title-h3lg-font-size);
  --lens-component-ai-context-panel-title-line-height: var(--lens-semantic-font-title-h3lg-line-height);
  --lens-component-ai-context-panel-title-font-weight: var(--lens-core-font-weight-semi-bold);
  --lens-component-ai-context-panel-title-color: var(--lens-semantic-color-type-default);
  --lens-component-ai-context-panel-content-padding-top: var(--lens-core-spacing-6);
  --lens-component-ai-context-panel-content-padding-bottom: var(--lens-core-spacing-3);
  --lens-component-ai-context-panel-footer-button-default-border-radius: var(--lens-semantic-radius-full);
  --lens-component-ai-context-panel-footer-background-color: var(--lens-core-color-transparent);
  --lens-component-ai-context-panel-resize-handle-width: var(--lens-core-spacing-1-5);
  --lens-component-ai-context-panel-resize-handle-border-width: var(--lens-semantic-border-width-thick);
  --lens-component-ai-context-panel-resize-handle-border-style: var(--lens-core-border-style-solid);
  --lens-component-ai-context-panel-resize-handle-hover-border-color: var(--lens-component-button-tertiary-hover-background);
  --lens-component-ai-context-panel-resize-handle-focus-border-color: var(--lens-semantic-color-ui-focus-ring);
  --lens-component-ai-context-panel-resize-handle-active-border-color: var(--lens-semantic-color-ui-focus-ring);
  --lens-component-ai-context-panel-open-button-border-radius: var(--lens-core-spacing-2);
  --lens-component-ai-context-panel-open-button-background-color: var(--lens-semantic-color-background-base);
  --lens-component-ai-context-panel-open-button-box-shadow: var(--lens-core-shadow-low);
  --lens-component-ai-context-panel-open-button-position-right: var(--lens-core-spacing-2);
}
.lens-theme {
  --lens-component-ai-disclaimer-gap: var(--lens-core-spacing-0-5);
  --lens-component-ai-disclaimer-color: var(--lens-semantic-color-type-muted);
  --lens-component-ai-disclaimer-font-family: var(--lens-semantic-font-text-sm-font-family);
  --lens-component-ai-disclaimer-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-ai-disclaimer-font-weight: var(--lens-semantic-font-text-sm-font-weight);
  --lens-component-ai-disclaimer-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
  --lens-component-ai-disclaimer-line-height: var(--lens-semantic-font-text-sm-line-height);
}
.lens-theme {
  --lens-component-ai-loading-indicator-sparkle-width: 24px;
  --lens-component-ai-loading-indicator-sparkle-height: 24px;
  --lens-component-ai-loading-indicator-sparkle-background: var(--lens-semantic-gradients-ai-default);
  --lens-component-ai-loading-indicator-sparkle-clip-path: 'M16 8L12 0L7.9914 8L0 12L7.9914 16L12 24L16 16L24 12L16 8Z';
  --lens-component-ai-loading-indicator-sm: 0.67;
  --lens-component-ai-loading-indicator-md: 0.83;
  --lens-component-ai-loading-indicator-lg: 1;
  --lens-component-ai-loading-indicator-xl: 1.67;
  --lens-component-ai-loading-indicator-2xl: 2;
  --lens-component-ai-loading-indicator-s1-1-s: 0.58125;
  --lens-component-ai-loading-indicator-s1-1-x: 2.27px;
  --lens-component-ai-loading-indicator-s1-1-y: 5.03px;
  --lens-component-ai-loading-indicator-s1-1-o: 1;
  --lens-component-ai-loading-indicator-s1-2-s: 0.375;
  --lens-component-ai-loading-indicator-s1-2-x: 0px;
  --lens-component-ai-loading-indicator-s1-2-y: 1px;
  --lens-component-ai-loading-indicator-s1-2-o: 0.75;
  --lens-component-ai-loading-indicator-s1-3-s: 0.25;
  --lens-component-ai-loading-indicator-s1-3-x: 8px;
  --lens-component-ai-loading-indicator-s1-3-y: 1px;
  --lens-component-ai-loading-indicator-s1-3-o: 0.5;
  --lens-component-ai-loading-indicator-s1-4-s: 0.16667;
  --lens-component-ai-loading-indicator-s1-4-x: 16px;
  --lens-component-ai-loading-indicator-s1-4-y: 6px;
  --lens-component-ai-loading-indicator-s1-4-o: 0.25;
  --lens-component-ai-loading-indicator-s1-5-s: 0.29167;
  --lens-component-ai-loading-indicator-s1-5-x: 18px;
  --lens-component-ai-loading-indicator-s1-5-y: 11px;
  --lens-component-ai-loading-indicator-s1-5-o: 0.5;
  --lens-component-ai-loading-indicator-s1-6-s: 0.45833;
  --lens-component-ai-loading-indicator-s1-6-x: 9px;
  --lens-component-ai-loading-indicator-s1-6-y: 10px;
  --lens-component-ai-loading-indicator-s1-6-o: 0.75;
  --lens-component-ai-loading-indicator-s2-1-s: 0.27792;
  --lens-component-ai-loading-indicator-s2-1-x: 13.74px;
  --lens-component-ai-loading-indicator-s2-1-y: 2.55px;
  --lens-component-ai-loading-indicator-s2-1-o: 0.5;
  --lens-component-ai-loading-indicator-s2-2-s: 0.20833;
  --lens-component-ai-loading-indicator-s2-2-x: 19px;
  --lens-component-ai-loading-indicator-s2-2-y: 7px;
  --lens-component-ai-loading-indicator-s2-2-o: 0.25;
  --lens-component-ai-loading-indicator-s2-3-s: 0.16667;
  --lens-component-ai-loading-indicator-s2-3-x: 18px;
  --lens-component-ai-loading-indicator-s2-3-y: 12px;
  --lens-component-ai-loading-indicator-s2-3-o: 0.5;
  --lens-component-ai-loading-indicator-s2-4-s: 0.33333;
  --lens-component-ai-loading-indicator-s2-4-x: 10px;
  --lens-component-ai-loading-indicator-s2-4-y: 8px;
  --lens-component-ai-loading-indicator-s2-4-o: 0.75;
  --lens-component-ai-loading-indicator-s2-5-s: 0.25;
  --lens-component-ai-loading-indicator-s2-5-x: 5px;
  --lens-component-ai-loading-indicator-s2-5-y: 4px;
  --lens-component-ai-loading-indicator-s2-5-o: 1;
  --lens-component-ai-loading-indicator-s2-6-s: 0.16667;
  --lens-component-ai-loading-indicator-s2-6-x: 9px;
  --lens-component-ai-loading-indicator-s2-6-y: 1px;
  --lens-component-ai-loading-indicator-s2-6-o: 0.75;
  --lens-component-ai-loading-indicator-s3-1-s: 0.28125;
  --lens-component-ai-loading-indicator-s3-1-x: 13.74px;
  --lens-component-ai-loading-indicator-s3-1-y: 14.7px;
  --lens-component-ai-loading-indicator-s3-1-o: 0.25;
  --lens-component-ai-loading-indicator-s3-2-s: 0.45833;
  --lens-component-ai-loading-indicator-s3-2-x: 5px;
  --lens-component-ai-loading-indicator-s3-2-y: 12px;
  --lens-component-ai-loading-indicator-s3-2-o: 0.5;
  --lens-component-ai-loading-indicator-s3-3-s: 0.375;
  --lens-component-ai-loading-indicator-s3-3-x: -1px;
  --lens-component-ai-loading-indicator-s3-3-y: 7px;
  --lens-component-ai-loading-indicator-s3-3-o: 0.75;
  --lens-component-ai-loading-indicator-s3-4-s: 0.25;
  --lens-component-ai-loading-indicator-s3-4-x: 3px;
  --lens-component-ai-loading-indicator-s3-4-y: 5px;
  --lens-component-ai-loading-indicator-s3-4-o: 1;
  --lens-component-ai-loading-indicator-s3-5-s: 0.08333;
  --lens-component-ai-loading-indicator-s3-5-x: 11px;
  --lens-component-ai-loading-indicator-s3-5-y: 9px;
  --lens-component-ai-loading-indicator-s3-5-o: 0.75;
  --lens-component-ai-loading-indicator-s3-6-s: 0.125;
  --lens-component-ai-loading-indicator-s3-6-x: 15px;
  --lens-component-ai-loading-indicator-s3-6-y: 12px;
  --lens-component-ai-loading-indicator-s3-6-o: 0.5;
}
.lens-theme {
  --lens-component-alert-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-alert-padding-top: var(--lens-core-spacing-1);
  --lens-component-alert-padding-right: var(--lens-core-spacing-2);
  --lens-component-alert-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-alert-padding-left: var(--lens-core-spacing-2);
  --lens-component-alert-gap: var(--lens-core-spacing-2);
  --lens-component-alert-min-height: var(--lens-core-spacing-7);
  --lens-component-alert-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-alert-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-alert-icon-size: lg;
  --lens-component-alert-message-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-alert-message-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-alert-message-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-alert-message-font-weight: var(--lens-semantic-font-text-body-font-weight);
  --lens-component-alert-action-color: var(--lens-semantic-color-type-default);
  --lens-component-alert-action-gap: var(--lens-core-spacing-1-5);
  --lens-component-alert-success-color: var(--lens-semantic-color-status-success-text);
  --lens-component-alert-success-background-color: var(--lens-semantic-color-status-success-background);
  --lens-component-alert-info-color: var(--lens-semantic-color-status-notification-text);
  --lens-component-alert-info-background-color: var(--lens-semantic-color-status-notification-background);
  --lens-component-alert-warning-color: var(--lens-semantic-color-status-warning-text);
  --lens-component-alert-warning-background-color: var(--lens-semantic-color-status-warning-background);
  --lens-component-alert-error-color: var(--lens-semantic-color-status-error-text);
  --lens-component-alert-error-background-color: var(--lens-semantic-color-status-error-background);
  --lens-component-alert-processing-background-color: var(--lens-core-color-gray-300);
  --lens-component-alert-divided-grid-row-gap: var(--lens-core-spacing-2);
  --lens-component-alert-divided-action-border-top-color: var(--lens-semantic-color-ui-divider-secondary);
  --lens-component-alert-divided-action-border-top-width: var(--lens-core-spacing-px);
  --lens-component-alert-divided-action-border-top-style: var(--lens-core-border-style-solid);
  --lens-component-alert-divided-action-padding-top: var(--lens-core-spacing-1);
  --lens-component-alert-divided-action-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-alert-divided-action-padding-left: var(--lens-core-spacing-1);
  --lens-component-alert-divided-action-padding-right: var(--lens-core-spacing-1);
  --lens-component-alert-divided-message-padding-left: var(--lens-core-spacing-2);
  --lens-component-alert-divided-message-padding-right: var(--lens-core-spacing-1);
  --lens-component-alert-divided-message-padding-top: var(--lens-core-spacing-2);
  --lens-component-alert-fixed-border-radius: var(--lens-semantic-radius-none);
}
.lens-theme {
  --lens-component-avatar-group-avatar-margin-left: -4px;
  --lens-component-avatar-group-avatar-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-avatar-group-avatar-border-color: var(--lens-semantic-color-background-base);
  --lens-component-avatar-group-avatar-border-style: var(--lens-core-border-style-solid);
  --lens-component-avatar-group-additional-avatar-background-color: var(--lens-core-color-brand-neutral-gray2);
  --lens-component-avatar-group-additional-avatar-color: var(--lens-core-color-gray-900);
}
.lens-theme {
  --lens-component-avatar-small-width: var(--lens-core-spacing-3);
  --lens-component-avatar-small-height: var(--lens-core-spacing-3);
  --lens-component-avatar-small-font-size: var(--lens-semantic-font-label-xs-font-size);
  --lens-component-avatar-small-line-height: var(--lens-semantic-font-label-xs-line-height);
  --lens-component-avatar-small-letter-spacing: var(--lens-semantic-font-label-xs-letter-spacing);
  --lens-component-avatar-small-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-avatar-small-border-radius: var(--lens-semantic-radius-full);
  --lens-component-avatar-small-icon-width: var(--lens-semantic-icon-size-md);
  --lens-component-avatar-small-icon-height: var(--lens-semantic-icon-size-md);
  --lens-component-avatar-medium-width: var(--lens-core-spacing-4);
  --lens-component-avatar-medium-height: var(--lens-core-spacing-4);
  --lens-component-avatar-medium-font-size: var(--lens-semantic-font-label-xs-font-size);
  --lens-component-avatar-medium-line-height: var(--lens-semantic-font-label-xs-line-height);
  --lens-component-avatar-medium-letter-spacing: var(--lens-semantic-font-label-xs-letter-spacing);
  --lens-component-avatar-medium-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-avatar-medium-border-radius: var(--lens-semantic-radius-full);
  --lens-component-avatar-medium-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-avatar-medium-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-avatar-large-width: var(--lens-core-spacing-5);
  --lens-component-avatar-large-height: var(--lens-core-spacing-5);
  --lens-component-avatar-large-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-avatar-large-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-avatar-large-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-avatar-large-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-avatar-large-border-radius: var(--lens-semantic-radius-full);
  --lens-component-avatar-large-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-avatar-large-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-avatar-xlarge-width: 72px;
  --lens-component-avatar-xlarge-height: 72px;
  --lens-component-avatar-xlarge-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-avatar-xlarge-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-avatar-xlarge-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-avatar-xlarge-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-avatar-xlarge-border-radius: var(--lens-semantic-radius-full);
  --lens-component-avatar-xlarge-icon-width: var(--lens-semantic-icon-size-xl);
  --lens-component-avatar-xlarge-icon-height: var(--lens-semantic-icon-size-xl);
  --lens-component-avatar-red-background-color: var(--lens-semantic-color-accent-red-background);
  --lens-component-avatar-red-color: var(--lens-semantic-color-accent-red-content);
  --lens-component-avatar-yellow-background-color: var(--lens-semantic-color-accent-yellow-background);
  --lens-component-avatar-yellow-color: var(--lens-semantic-color-accent-yellow-content);
  --lens-component-avatar-green-background-color: var(--lens-semantic-color-accent-green-background);
  --lens-component-avatar-green-color: var(--lens-semantic-color-accent-green-content);
  --lens-component-avatar-blue-background-color: var(--lens-semantic-color-accent-blue-background);
  --lens-component-avatar-blue-color: var(--lens-semantic-color-accent-blue-content);
  --lens-component-avatar-purple-background-color: var(--lens-semantic-color-accent-purple-background);
  --lens-component-avatar-purple-color: var(--lens-semantic-color-accent-purple-content);
}
.lens-theme {
  --lens-component-backdrop-background: var(--lens-semantic-color-background-backdrop);
}
.lens-theme {
  --lens-component-badge-background: var(--lens-semantic-color-status-new-default);
  --lens-component-badge-color: var(--lens-semantic-color-status-new-text-default);
  --lens-component-badge-outline-width: var(--lens-semantic-border-width-thin);
  --lens-component-badge-outline-style: var(--lens-core-border-style-solid);
  --lens-component-badge-outline-color: var(--lens-semantic-color-surface-default);
  --lens-component-badge-small-height: var(--lens-core-spacing-1);
  --lens-component-badge-small-width: var(--lens-core-spacing-1);
  --lens-component-badge-small-min-width: var(--lens-core-spacing-1);
  --lens-component-badge-small-border-radius: var(--lens-semantic-radius-full);
  --lens-component-badge-medium-height: var(--lens-core-spacing-2);
  --lens-component-badge-medium-min-width: var(--lens-core-spacing-2);
  --lens-component-badge-medium-padding-top: var(--lens-core-spacing-0);
  --lens-component-badge-medium-padding-bottom: var(--lens-core-spacing-0);
  --lens-component-badge-medium-padding-left: var(--lens-core-spacing-0-5);
  --lens-component-badge-medium-padding-right: var(--lens-core-spacing-0-5);
  --lens-component-badge-medium-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-badge-medium-label-font-size: var(--lens-semantic-font-label-sm-font-size);
  --lens-component-badge-medium-label-line-height: var(--lens-semantic-font-label-sm-line-height);
  --lens-component-badge-medium-label-letter-spacing: var(--lens-semantic-font-label-sm-letter-spacing);
  --lens-component-badge-medium-label-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-badge-large-height: var(--lens-core-spacing-3);
  --lens-component-badge-large-min-width: var(--lens-core-spacing-3);
  --lens-component-badge-large-padding-top: var(--lens-core-spacing-0);
  --lens-component-badge-large-padding-bottom: var(--lens-core-spacing-0);
  --lens-component-badge-large-padding-left: var(--lens-core-spacing-1);
  --lens-component-badge-large-padding-right: var(--lens-core-spacing-1);
  --lens-component-badge-large-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-badge-large-label-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-badge-large-label-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-badge-large-label-font-weight: var(--lens-semantic-font-weight-emphasis);
}
.lens-theme {
  --lens-component-breadcrumbs-icon-color: var(--lens-semantic-color-ui-divider-secondary);
  --lens-component-breadcrumbs-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-breadcrumbs-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-breadcrumbs-icon-last-color: var(--lens-semantic-color-type-muted);
  --lens-component-breadcrumbs-label-height: var(--lens-core-spacing-4);
  --lens-component-breadcrumbs-label-color: var(--lens-semantic-color-type-muted);
  --lens-component-breadcrumbs-label-padding-left: var(--lens-core-spacing-2);
  --lens-component-breadcrumbs-label-padding-right: var(--lens-core-spacing-2);
  --lens-component-breadcrumbs-label-padding-top: var(--lens-core-spacing-0-5);
  --lens-component-breadcrumbs-label-padding-bottom: var(--lens-core-spacing-0-5);
  --lens-component-breadcrumbs-label-font-size: var(--lens-semantic-font-label-lg-font-size);
  --lens-component-breadcrumbs-label-line-height: var(--lens-semantic-font-label-lg-line-height);
  --lens-component-breadcrumbs-label-letter-spacing: var(--lens-semantic-font-label-lg-letter-spacing);
  --lens-component-breadcrumbs-label-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-breadcrumbs-label-first-padding-left: var(--lens-core-spacing-0);
  --lens-component-breadcrumbs-label-last-color: var(--lens-semantic-color-type-default);
  --lens-component-breadcrumbs-button-border-radius: 10px;
  --lens-component-breadcrumbs-button-height: var(--lens-core-spacing-4);
  --lens-component-breadcrumbs-button-padding-left: var(--lens-core-spacing-2);
  --lens-component-breadcrumbs-button-padding-right: var(--lens-core-spacing-2);
  --lens-component-breadcrumbs-button-padding-top: var(--lens-core-spacing-0-5);
  --lens-component-breadcrumbs-button-padding-bottom: var(--lens-core-spacing-0-5);
  --lens-component-breadcrumbs-button-font-size: var(--lens-semantic-font-label-lg-font-size);
  --lens-component-breadcrumbs-button-line-height: var(--lens-semantic-font-label-lg-line-height);
  --lens-component-breadcrumbs-button-letter-spacing: var(--lens-semantic-font-label-lg-letter-spacing);
  --lens-component-breadcrumbs-button-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-breadcrumbs-button-color: var(--lens-semantic-color-type-default);
  --lens-component-breadcrumbs-button-default-background: var(--lens-core-color-transparent);
  --lens-component-breadcrumbs-button-default-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-breadcrumbs-button-hover-background: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-breadcrumbs-button-hover-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-breadcrumbs-button-active-background: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-breadcrumbs-button-active-color: var(--lens-semantic-color-action-secondary-on-secondary);
}
.lens-theme {
  --lens-component-button-array-gap: var(--lens-core-spacing-2);
}
.lens-theme {
  --lens-component-button-primary-default-background: var(--lens-semantic-gradients-primary-default);
  --lens-component-button-primary-default-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-button-primary-hover-background: var(--lens-semantic-gradients-primary-hover);
  --lens-component-button-primary-hover-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-button-primary-active-background: var(--lens-semantic-gradients-primary-active);
  --lens-component-button-primary-active-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-button-primary-disabled-background: var(--lens-semantic-color-action-primary-disabled);
  --lens-component-button-primary-disabled-color: var(--lens-semantic-color-action-primary-on-primary-disabled);
  --lens-component-button-secondary-default-background: var(--lens-core-color-transparent);
  --lens-component-button-secondary-default-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-button-secondary-default-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-button-secondary-default-border-style: var(--lens-core-border-style-solid);
  --lens-component-button-secondary-default-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-button-secondary-hover-background: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-button-secondary-hover-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-button-secondary-hover-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-button-secondary-hover-border-style: var(--lens-core-border-style-solid);
  --lens-component-button-secondary-hover-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-button-secondary-active-background: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-button-secondary-active-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-button-secondary-active-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-button-secondary-active-border-style: var(--lens-core-border-style-solid);
  --lens-component-button-secondary-active-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-button-secondary-disabled-background: var(--lens-core-color-transparent);
  --lens-component-button-secondary-disabled-border-color: var(--lens-semantic-color-action-secondary-disabled-outline);
  --lens-component-button-secondary-disabled-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-button-secondary-disabled-border-style: var(--lens-core-border-style-solid);
  --lens-component-button-secondary-disabled-color: var(--lens-semantic-color-action-secondary-on-secondary-disabled);
  --lens-component-button-tertiary-default-background: var(--lens-core-color-transparent);
  --lens-component-button-tertiary-default-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-button-tertiary-hover-background: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-button-tertiary-hover-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-button-tertiary-active-background: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-button-tertiary-active-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-button-tertiary-disabled-background: var(--lens-core-color-transparent);
  --lens-component-button-tertiary-disabled-color: var(--lens-semantic-color-action-secondary-on-secondary-disabled);
  --lens-component-button-destructive-primary-default-background: var(--lens-semantic-gradients-destructive-default);
  --lens-component-button-destructive-primary-default-color: var(--lens-semantic-color-action-destructive-on-destructive);
  --lens-component-button-destructive-primary-hover-background: var(--lens-semantic-gradients-destructive-hover);
  --lens-component-button-destructive-primary-hover-color: var(--lens-semantic-color-action-destructive-on-destructive);
  --lens-component-button-destructive-primary-active-background: var(--lens-semantic-gradients-destructive-active);
  --lens-component-button-destructive-primary-active-color: var(--lens-semantic-color-action-destructive-on-destructive);
  --lens-component-button-destructive-primary-disabled-background: var(--lens-semantic-color-action-destructive-disabled);
  --lens-component-button-destructive-primary-disabled-color: var(--lens-semantic-color-action-destructive-on-destructive);
  --lens-component-button-destructive-secondary-default-background: var(--lens-core-color-transparent);
  --lens-component-button-destructive-secondary-default-border-color: var(--lens-semantic-color-action-secondary-destructive-default);
  --lens-component-button-destructive-secondary-default-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-button-destructive-secondary-default-border-style: var(--lens-core-border-style-solid);
  --lens-component-button-destructive-secondary-default-color: var(--lens-semantic-color-action-secondary-destructive-default);
  --lens-component-button-destructive-secondary-hover-background: var(--lens-core-color-transparent);
  --lens-component-button-destructive-secondary-hover-border-color: var(--lens-semantic-color-action-secondary-destructive-hover);
  --lens-component-button-destructive-secondary-hover-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-button-destructive-secondary-hover-border-style: var(--lens-core-border-style-solid);
  --lens-component-button-destructive-secondary-hover-color: var(--lens-semantic-color-action-secondary-destructive-hover);
  --lens-component-button-destructive-secondary-active-background: var(--lens-core-color-transparent);
  --lens-component-button-destructive-secondary-active-border-color: var(--lens-semantic-color-action-secondary-destructive-active);
  --lens-component-button-destructive-secondary-active-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-button-destructive-secondary-active-border-style: var(--lens-core-border-style-solid);
  --lens-component-button-destructive-secondary-active-color: var(--lens-semantic-color-action-secondary-destructive-active);
  --lens-component-button-destructive-secondary-disabled-background: var(--lens-core-color-transparent);
  --lens-component-button-destructive-secondary-disabled-border-color: var(--lens-semantic-color-action-secondary-destructive-on-secondary-disabled);
  --lens-component-button-destructive-secondary-disabled-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-button-destructive-secondary-disabled-border-style: var(--lens-core-border-style-solid);
  --lens-component-button-destructive-secondary-disabled-color: var(--lens-semantic-color-action-secondary-destructive-on-secondary-disabled);
  --lens-component-button-destructive-tertiary-default-background: var(--lens-semantic-color-background-base);
  --lens-component-button-destructive-tertiary-default-color: var(--lens-semantic-color-action-destructive-default);
  --lens-component-button-destructive-tertiary-hover-background: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-button-destructive-tertiary-hover-color: var(--lens-semantic-color-action-destructive-hover);
  --lens-component-button-destructive-tertiary-active-background: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-button-destructive-tertiary-active-color: var(--lens-semantic-color-action-destructive-active);
  --lens-component-button-destructive-tertiary-disabled-background: var(--lens-semantic-color-background-base);
  --lens-component-button-destructive-tertiary-disabled-color: var(--lens-semantic-color-action-destructive-disabled);
  --lens-component-button-inverse-secondary-default-color: var(--lens-semantic-color-action-secondary-inverse-on-secondary-inverse);
  --lens-component-button-inverse-secondary-default-border-color: var(--lens-semantic-color-action-secondary-inverse-outline);
  --lens-component-button-inverse-secondary-hover-background: var(--lens-semantic-color-action-secondary-inverse-hover);
  --lens-component-button-inverse-secondary-hover-color: var(--lens-semantic-color-action-secondary-inverse-on-secondary-inverse);
  --lens-component-button-inverse-secondary-hover-border-color: var(--lens-semantic-color-action-secondary-inverse-outline);
  --lens-component-button-inverse-secondary-active-background: var(--lens-semantic-color-action-secondary-inverse-active);
  --lens-component-button-inverse-secondary-active-color: var(--lens-semantic-color-action-secondary-inverse-on-secondary-inverse);
  --lens-component-button-inverse-secondary-active-border-color: var(--lens-semantic-color-action-secondary-inverse-outline);
  --lens-component-button-inverse-secondary-disabled-color: var(--lens-semantic-color-action-secondary-inverse-on-secondary-inverse-disabled);
  --lens-component-button-inverse-secondary-disabled-border-color: var(--lens-semantic-color-action-secondary-inverse-outline-disabled);
  --lens-component-button-inverse-tertiary-default-background: var(--lens-core-color-transparent);
  --lens-component-button-inverse-tertiary-default-color: var(--lens-semantic-color-action-secondary-inverse-on-secondary-inverse);
  --lens-component-button-inverse-tertiary-hover-background: var(--lens-semantic-color-action-secondary-inverse-hover);
  --lens-component-button-inverse-tertiary-hover-color: var(--lens-semantic-color-action-secondary-inverse-on-secondary-inverse);
  --lens-component-button-inverse-tertiary-active-background: var(--lens-semantic-color-action-secondary-inverse-active);
  --lens-component-button-inverse-tertiary-active-color: var(--lens-semantic-color-action-secondary-inverse-on-secondary-inverse);
  --lens-component-button-inverse-tertiary-disabled-background: var(--lens-core-color-transparent);
  --lens-component-button-inverse-tertiary-disabled-color: var(--lens-semantic-color-action-secondary-inverse-on-secondary-inverse-disabled);
  --lens-component-button-small-height: var(--lens-core-spacing-4);
  --lens-component-button-small-border-radius: var(--lens-semantic-radius-md);
  --lens-component-button-small-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-button-small-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-button-small-padding-top: var(--lens-core-spacing-0-5);
  --lens-component-button-small-padding-bottom: var(--lens-core-spacing-0-5);
  --lens-component-button-small-gap: var(--lens-core-spacing-1);
  --lens-component-button-small-font-size: var(--lens-semantic-font-label-lg-font-size);
  --lens-component-button-small-line-height: var(--lens-semantic-font-label-lg-line-height);
  --lens-component-button-small-letter-spacing: var(--lens-semantic-font-label-lg-letter-spacing);
  --lens-component-button-small-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-button-small-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-button-small-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-button-small-icon-size: lg;
  --lens-component-button-small-label-padding-left: var(--lens-core-spacing-0-5);
  --lens-component-button-small-label-padding-right: var(--lens-core-spacing-0-5);
  --lens-component-button-medium-height: var(--lens-core-spacing-5);
  --lens-component-button-medium-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-button-medium-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-button-medium-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-button-medium-padding-top: var(--lens-core-spacing-1);
  --lens-component-button-medium-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-button-medium-gap: var(--lens-core-spacing-1);
  --lens-component-button-medium-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-button-medium-line-height: 25.5px;
  --lens-component-button-medium-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-button-medium-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-button-medium-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-button-medium-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-button-medium-icon-size: lg;
  --lens-component-button-medium-label-padding-left: var(--lens-core-spacing-0-5);
  --lens-component-button-medium-label-padding-right: var(--lens-core-spacing-0-5);
  --lens-component-button-large-height: var(--lens-core-spacing-6);
  --lens-component-button-large-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-button-large-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-button-large-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-button-large-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-button-large-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-button-large-gap: var(--lens-core-spacing-1);
  --lens-component-button-large-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-button-large-line-height: 25.5px;
  --lens-component-button-large-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-button-large-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-button-large-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-button-large-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-button-large-icon-size: lg;
  --lens-component-button-large-label-padding-left: var(--lens-core-spacing-0-5);
  --lens-component-button-large-label-padding-right: var(--lens-core-spacing-0-5);
  --lens-component-button-icon-only-small-width: var(--lens-core-spacing-4);
  --lens-component-button-icon-only-small-padding-left: var(--lens-core-spacing-0-5);
  --lens-component-button-icon-only-small-padding-right: var(--lens-core-spacing-0-5);
  --lens-component-button-icon-only-medium-width: var(--lens-core-spacing-5);
  --lens-component-button-icon-only-medium-padding-left: var(--lens-core-spacing-1);
  --lens-component-button-icon-only-medium-padding-right: var(--lens-core-spacing-1);
  --lens-component-button-icon-only-large-width: var(--lens-core-spacing-6);
  --lens-component-button-icon-only-large-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-button-icon-only-large-padding-right: var(--lens-core-spacing-1-5);
}
.lens-theme {
  --lens-component-button-tile-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-button-tile-border-style: var(--lens-core-border-style-solid);
  --lens-component-button-tile-border-color: var(--lens-core-color-gray-300);
  --lens-component-button-tile-default-background-color: var(--lens-semantic-color-background-base);
  --lens-component-button-tile-default-color: var(--lens-semantic-color-type-default);
  --lens-component-button-tile-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-button-tile-hover-color: var(--lens-semantic-color-type-default);
  --lens-component-button-tile-active-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-button-tile-active-color: var(--lens-semantic-color-type-default);
  --lens-component-button-tile-focus-background-color: var(--lens-semantic-color-background-base);
  --lens-component-button-tile-focus-color: var(--lens-semantic-color-type-default);
  --lens-component-button-tile-disabled-background-color: var(--lens-semantic-color-background-base);
  --lens-component-button-tile-disabled-color: var(--lens-semantic-color-type-disabled);
  --lens-component-button-tile-icon-color: var(--lens-semantic-color-status-new-default);
  --lens-component-button-tile-icon-disabled-color: var(--lens-semantic-color-ui-divider-secondary);
  --lens-component-button-tile-icon-muted-color: var(--lens-semantic-color-type-muted);
  --lens-component-button-tile-sizes-small-height: var(--lens-core-spacing-6);
  --lens-component-button-tile-sizes-small-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-button-tile-sizes-small-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-button-tile-sizes-small-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-button-tile-sizes-small-padding-left: var(--lens-core-spacing-2);
  --lens-component-button-tile-sizes-small-padding-right: var(--lens-core-spacing-2);
  --lens-component-button-tile-sizes-small-gap: var(--lens-core-spacing-1);
  --lens-component-button-tile-sizes-small-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-button-tile-sizes-small-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-button-tile-sizes-small-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-button-tile-sizes-list-height: var(--lens-core-spacing-6);
  --lens-component-button-tile-sizes-list-min-width: 288px;
  --lens-component-button-tile-sizes-list-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-button-tile-sizes-list-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-button-tile-sizes-list-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-button-tile-sizes-list-padding-left: var(--lens-core-spacing-2);
  --lens-component-button-tile-sizes-list-padding-right: var(--lens-core-spacing-2);
  --lens-component-button-tile-sizes-list-gap: var(--lens-core-spacing-1);
  --lens-component-button-tile-sizes-list-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-button-tile-sizes-list-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-button-tile-sizes-list-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-button-tile-sizes-large-width: 196px;
  --lens-component-button-tile-sizes-large-min-width: 196px;
  --lens-component-button-tile-sizes-large-height: 140px;
  --lens-component-button-tile-sizes-large-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-button-tile-sizes-large-padding-top: var(--lens-core-spacing-1);
  --lens-component-button-tile-sizes-large-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-button-tile-sizes-large-padding-left: var(--lens-core-spacing-1);
  --lens-component-button-tile-sizes-large-padding-right: var(--lens-core-spacing-1);
  --lens-component-button-tile-sizes-large-gap: var(--lens-core-spacing-0-5);
  --lens-component-button-tile-sizes-large-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-button-tile-sizes-large-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-button-tile-sizes-large-font-weight: var(--lens-semantic-font-weight-emphasis);
}
.lens-theme {
  --lens-component-calendar-container-padding: var(--lens-core-spacing-3);
  --lens-component-calendar-container-gap: var(--lens-core-spacing-2);
  --lens-component-calendar-container-width: 288px;
  --lens-component-calendar-container-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-calendar-stepper-gap: var(--lens-core-spacing-1);
  --lens-component-calendar-years-view-gap: var(--lens-core-spacing-1-5);
  --lens-component-calendar-years-view-height: 184px;
  --lens-component-calendar-years-view-year-medium-height: var(--lens-core-spacing-4);
  --lens-component-calendar-years-view-year-medium-border-radius: var(--lens-semantic-radius-md);
  --lens-component-calendar-years-view-year-medium-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-calendar-years-view-year-medium-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-calendar-years-view-year-medium-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-calendar-years-view-year-medium-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-calendar-months-view-gap: var(--lens-core-spacing-1-5);
  --lens-component-calendar-months-view-height: 184px;
  --lens-component-calendar-months-view-month-medium-height: var(--lens-core-spacing-4);
  --lens-component-calendar-months-view-month-medium-border-radius: var(--lens-semantic-radius-md);
  --lens-component-calendar-months-view-month-medium-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-calendar-months-view-month-medium-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-calendar-months-view-month-medium-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-calendar-months-view-month-medium-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-calendar-month-view-gap: var(--lens-core-spacing-1);
  --lens-component-calendar-month-view-week-header-gap: 3px;
  --lens-component-calendar-month-view-week-header-day-width: var(--lens-core-spacing-4);
  --lens-component-calendar-month-view-week-header-day-height: var(--lens-core-spacing-4);
  --lens-component-calendar-month-view-week-header-day-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-calendar-month-view-week-header-day-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-calendar-month-view-week-header-day-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-calendar-month-view-week-header-day-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-calendar-month-view-week-header-day-color: var(--lens-semantic-color-type-muted);
  --lens-component-calendar-month-view-week-gap: 3px;
  --lens-component-calendar-month-view-day-medium-width: var(--lens-core-spacing-4);
  --lens-component-calendar-month-view-day-medium-height: var(--lens-core-spacing-4);
  --lens-component-calendar-month-view-day-medium-border-radius: var(--lens-semantic-radius-md);
  --lens-component-calendar-month-view-day-medium-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-calendar-month-view-day-medium-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-calendar-month-view-day-medium-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-calendar-month-view-day-medium-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-calendar-month-view-day-unselected-default-background-color: var(--lens-core-color-transparent);
  --lens-component-calendar-month-view-day-unselected-default-color: var(--lens-semantic-color-action-calendar-on-calendar);
  --lens-component-calendar-month-view-day-unselected-hover-background-color: var(--lens-semantic-color-action-calendar-hover);
  --lens-component-calendar-month-view-day-unselected-hover-color: var(--lens-semantic-color-action-calendar-on-calendar);
  --lens-component-calendar-month-view-day-unselected-active-background-color: var(--lens-semantic-color-action-calendar-active);
  --lens-component-calendar-month-view-day-unselected-active-color: var(--lens-semantic-color-action-calendar-on-calendar);
  --lens-component-calendar-month-view-day-unselected-disabled-background-color: var(--lens-core-color-transparent);
  --lens-component-calendar-month-view-day-unselected-disabled-color: var(--lens-semantic-color-action-calendar-on-calendar-disabled);
  --lens-component-calendar-month-view-day-selected-default-background-color: var(--lens-semantic-color-action-calendar-selected);
  --lens-component-calendar-month-view-day-selected-default-color: var(--lens-semantic-color-action-calendar-on-calendar-selected);
  --lens-component-calendar-month-view-day-selected-default-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-calendar-month-view-day-selected-hover-background-color: var(--lens-semantic-color-action-calendar-selected-hover);
  --lens-component-calendar-month-view-day-selected-hover-color: var(--lens-semantic-color-action-calendar-on-calendar-selected);
  --lens-component-calendar-month-view-day-selected-active-background-color: var(--lens-semantic-color-action-calendar-selected-active);
  --lens-component-calendar-month-view-day-selected-active-color: var(--lens-semantic-color-action-calendar-on-calendar-selected);
  --lens-component-calendar-month-view-day-selected-disabled-background-color: var(--lens-core-color-transparent);
  --lens-component-calendar-month-view-day-selected-disabled-color: var(--lens-semantic-color-action-calendar-on-calendar-disabled);
  --lens-component-calendar-month-view-day-selected-disabled-border-color: var(--lens-semantic-color-action-calendar-disabled);
  --lens-component-calendar-month-view-day-selected-disabled-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-calendar-month-view-day-selected-disabled-border-style: var(--lens-core-border-style-solid);
  --lens-component-calendar-month-view-day-current-default-border-color: var(--lens-semantic-color-action-calendar-selected);
  --lens-component-calendar-month-view-day-current-default-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-calendar-month-view-day-current-default-border-style: var(--lens-core-border-style-solid);
  --lens-component-calendar-month-view-day-current-default-background-color: var(--lens-core-color-transparent);
  --lens-component-calendar-month-view-day-current-default-color: var(--lens-semantic-color-action-calendar-on-calendar);
  --lens-component-calendar-month-view-day-current-hover-border-color: var(--lens-semantic-color-action-calendar-selected-hover);
  --lens-component-calendar-month-view-day-current-hover-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-calendar-month-view-day-current-hover-border-style: var(--lens-core-border-style-solid);
  --lens-component-calendar-month-view-day-current-hover-background-color: var(--lens-semantic-color-action-calendar-hover);
  --lens-component-calendar-month-view-day-current-hover-color: var(--lens-semantic-color-action-calendar-on-calendar);
  --lens-component-calendar-month-view-day-current-active-border-color: var(--lens-semantic-color-action-calendar-selected-active);
  --lens-component-calendar-month-view-day-current-active-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-calendar-month-view-day-current-active-border-style: var(--lens-core-border-style-solid);
  --lens-component-calendar-month-view-day-current-active-background-color: var(--lens-semantic-color-action-calendar-hover);
  --lens-component-calendar-month-view-day-current-active-color: var(--lens-semantic-color-action-calendar-on-calendar);
  --lens-component-calendar-month-view-day-current-disabled-border-color: var(--lens-semantic-color-action-calendar-disabled);
  --lens-component-calendar-month-view-day-current-disabled-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-calendar-month-view-day-current-disabled-border-style: var(--lens-core-border-style-solid);
  --lens-component-calendar-month-view-day-current-disabled-background-color: var(--lens-core-color-transparent);
  --lens-component-calendar-month-view-day-current-disabled-color: var(--lens-semantic-color-action-calendar-on-calendar-disabled);
  --lens-component-calendar-month-view-day-range-background-color: var(--lens-core-color-gray-200);
  --lens-component-calendar-month-view-day-range-first-border-top-left-radius: var(--lens-semantic-radius-md);
  --lens-component-calendar-month-view-day-range-first-border-bottom-left-radius: var(--lens-semantic-radius-md);
  --lens-component-calendar-month-view-day-range-last-border-top-right-radius: var(--lens-semantic-radius-md);
  --lens-component-calendar-month-view-day-range-last-border-bottom-right-radius: var(--lens-semantic-radius-md);
  --lens-component-calendar-month-view-day-range-preview-border-style: var(--lens-core-border-style-dashed);
  --lens-component-calendar-month-view-day-range-preview-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-calendar-month-view-day-range-preview-border-color: var(--lens-semantic-color-ui-divider-default);
}
.lens-theme {
  --lens-component-card-container-gap: var(--lens-core-spacing-3);
  --lens-component-card-container-padding-left: var(--lens-core-spacing-3);
  --lens-component-card-container-padding-right: var(--lens-core-spacing-3);
  --lens-component-card-container-padding-top: var(--lens-core-spacing-3);
  --lens-component-card-container-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-card-container-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-card-container-border-style: var(--lens-core-border-style-solid);
  --lens-component-card-container-border-color: var(--lens-semantic-color-action-secondary-disabled-outline);
  --lens-component-card-header-status-gap: var(--lens-core-spacing-1-5);
  --lens-component-card-header-status-margin-bottom: var(--lens-core-spacing-1-5);
  --lens-component-card-header-status-avatar-color: var(--lens-semantic-color-type-default);
  --lens-component-card-header-status-avatar-background-color: var(--lens-semantic-color-status-neutral-background-variant);
  --lens-component-card-header-status-icon-color: var(--lens-semantic-color-status-neutral-background-variant);
  --lens-component-card-header-status-label-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-card-header-status-label-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-card-header-status-label-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-card-header-status-label-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-card-header-status-label-color: var(--lens-semantic-color-type-default);
  --lens-component-card-header-labels-gap: var(--lens-core-spacing-0);
  --lens-component-card-header-labels-margin-bottom: var(--lens-core-spacing-0-5);
  --lens-component-card-header-labels-label-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-card-header-labels-label-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-card-header-labels-label-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-card-header-labels-label-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-card-header-labels-label-color: var(--lens-semantic-color-type-default);
  --lens-component-card-header-labels-separator-width: var(--lens-core-spacing-2-5);
  --lens-component-card-header-labels-separator-height: var(--lens-core-spacing-2-5);
  --lens-component-card-header-labels-separator-dot-width: var(--lens-core-spacing-0-5);
  --lens-component-card-header-labels-separator-dot-height: var(--lens-core-spacing-0-5);
  --lens-component-card-header-labels-separator-dot-background-color: var(--lens-semantic-color-type-default);
  --lens-component-card-header-labels-separator-dot-border-radius: var(--lens-semantic-radius-full);
  --lens-component-card-header-title-color: var(--lens-semantic-color-type-default);
  --lens-component-card-header-title-margin-bottom: var(--lens-core-spacing-0-5);
  --lens-component-card-header-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-card-header-subtitle-color: var(--lens-semantic-color-type-muted);
  --lens-component-card-header-subtitle-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-card-header-subtitle-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-card-header-subtitle-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-card-header-subtitle-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-card-media-border-radius: var(--lens-semantic-radius-md);
  --lens-component-card-horizontal-footer-padding-top: var(--lens-core-spacing-2);
  --lens-component-card-horizontal-footer-border-top-width: var(--lens-semantic-border-width-thin);
  --lens-component-card-horizontal-footer-border-top-style: var(--lens-core-border-style-solid);
  --lens-component-card-horizontal-footer-border-top-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-card-footer-padding-bottom: var(--lens-core-spacing-3);
  --lens-component-card-ai-around-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-card-ai-top-offset: 3px;
  --lens-component-card-ai-start-offset: 3px;
}
.lens-theme {
  --lens-component-checkbox-width: var(--lens-core-spacing-3);
  --lens-component-checkbox-height: var(--lens-core-spacing-3);
  --lens-component-checkbox-border-radius: var(--lens-semantic-radius-sm);
  --lens-component-checkbox-border-width: var(--lens-core-spacing-px);
  --lens-component-checkbox-gap: var(--lens-core-spacing-1-5);
  --lens-component-checkbox-indicator-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-checkbox-indicator-disabled-color: var(--lens-semantic-color-action-primary-on-primary-disabled);
  --lens-component-checkbox-label-color: var(--lens-semantic-color-type-default);
  --lens-component-checkbox-label-font-size: var(--lens-semantic-font-label-lg-font-size);
  --lens-component-checkbox-label-font-weight: var(--lens-semantic-font-label-lg-font-weight);
  --lens-component-checkbox-label-line-height: var(--lens-semantic-font-label-lg-line-height);
  --lens-component-checkbox-label-letter-spacing: var(--lens-semantic-font-label-lg-letter-spacing);
  --lens-component-checkbox-label-disabled-color: var(--lens-semantic-color-type-disabled);
  --lens-component-checkbox-unchecked-default-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-checkbox-unchecked-default-background: var(--lens-semantic-color-surface-default);
  --lens-component-checkbox-unchecked-hover-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-checkbox-unchecked-hover-background: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-checkbox-unchecked-active-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-checkbox-unchecked-active-background: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-checkbox-unchecked-disabled-border-color: var(--lens-semantic-color-action-secondary-disabled-outline);
  --lens-component-checkbox-unchecked-disabled-background: var(--lens-semantic-color-surface-default);
  --lens-component-checkbox-unchecked-error-border-color: var(--lens-semantic-color-status-error-default);
  --lens-component-checkbox-unchecked-error-background: var(--lens-semantic-color-surface-default);
  --lens-component-checkbox-checked-default-background: var(--lens-semantic-gradients-primary-default);
  --lens-component-checkbox-checked-hover-background: var(--lens-semantic-gradients-primary-hover);
  --lens-component-checkbox-checked-active-background: var(--lens-semantic-gradients-primary-active);
  --lens-component-checkbox-checked-disabled-background: var(--lens-semantic-color-action-primary-disabled);
  --lens-component-checkbox-checked-error-background: var(--lens-semantic-color-status-error-text);
}
.lens-theme {
  --lens-component-chip-gap: var(--lens-core-spacing-1);
  --lens-component-chip-small-height: var(--lens-core-spacing-3);
  --lens-component-chip-small-border-radius: var(--lens-semantic-radius-full);
  --lens-component-chip-small-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-chip-small-border-style: var(--lens-core-border-style-solid);
  --lens-component-chip-small-padding-top: var(--lens-core-spacing-0);
  --lens-component-chip-small-padding-bottom: var(--lens-core-spacing-0);
  --lens-component-chip-small-padding-left: var(--lens-core-spacing-1);
  --lens-component-chip-small-padding-right: var(--lens-core-spacing-1);
  --lens-component-chip-small-with-trailing-icon-padding-right: var(--lens-core-spacing-0-25);
  --lens-component-chip-small-with-leading-icon-padding-left: var(--lens-core-spacing-0-25);
  --lens-component-chip-small-icon-height: var(--lens-semantic-icon-size-md);
  --lens-component-chip-small-icon-width: var(--lens-semantic-icon-size-md);
  --lens-component-chip-small-icon-size: md;
  --lens-component-chip-small-label-font-size: var(--lens-semantic-font-label-sm-font-size);
  --lens-component-chip-small-label-line-height: var(--lens-semantic-font-label-sm-line-height);
  --lens-component-chip-small-label-font-weight: var(--lens-semantic-font-label-sm-font-weight);
  --lens-component-chip-small-label-letter-spacing: var(--lens-semantic-font-label-sm-letter-spacing);
  --lens-component-chip-large-height: 36px;
  --lens-component-chip-large-border-radius: var(--lens-semantic-radius-full);
  --lens-component-chip-large-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-chip-large-border-style: var(--lens-core-border-style-solid);
  --lens-component-chip-large-padding-top: var(--lens-core-spacing-0);
  --lens-component-chip-large-padding-bottom: var(--lens-core-spacing-0);
  --lens-component-chip-large-padding-left: var(--lens-core-spacing-2);
  --lens-component-chip-large-padding-right: var(--lens-core-spacing-2);
  --lens-component-chip-large-with-leading-icon-padding-left: var(--lens-core-spacing-1);
  --lens-component-chip-large-with-trailing-icon-padding-right: var(--lens-core-spacing-1);
  --lens-component-chip-large-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-chip-large-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-chip-large-icon-size: lg;
  --lens-component-chip-large-label-font-size: var(--lens-semantic-font-label-lg-font-size);
  --lens-component-chip-large-label-line-height: var(--lens-semantic-font-label-lg-line-height);
  --lens-component-chip-large-label-font-weight: var(--lens-semantic-font-label-lg-font-weight);
  --lens-component-chip-large-label-letter-spacing: var(--lens-semantic-font-label-lg-letter-spacing);
  --lens-component-chip-default-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-chip-default-color: var(--lens-semantic-color-type-default);
  --lens-component-chip-default-border-color: var(--lens-core-color-brand-neutral-gray3);
  --lens-component-chip-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-chip-hover-color: var(--lens-semantic-color-type-default);
  --lens-component-chip-hover-border-color: var(--lens-core-color-brand-neutral-gray3);
  --lens-component-chip-focus-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-chip-focus-color: var(--lens-semantic-color-type-default);
  --lens-component-chip-focus-border-color: var(--lens-core-color-brand-neutral-gray4);
  --lens-component-chip-active-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-chip-active-color: var(--lens-semantic-color-type-default);
  --lens-component-chip-active-border-color: var(--lens-core-color-brand-neutral-gray4);
  --lens-component-chip-disabled-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-chip-disabled-color: var(--lens-semantic-color-action-secondary-on-secondary-disabled);
  --lens-component-chip-disabled-border-color: var(--lens-semantic-color-action-secondary-disabled-outline);
  --lens-component-chip-error-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-chip-error-color: var(--lens-semantic-color-status-error-text);
  --lens-component-chip-error-border-color: var(--lens-semantic-color-status-error-default);
  --lens-component-chip-error-icon-color: var(--lens-semantic-color-status-error-text);
  --lens-component-chip-selected-default-background-color: var(--lens-semantic-color-selection-secondary-default);
  --lens-component-chip-selected-default-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-chip-selected-default-border-color: var(--lens-semantic-color-outline-default);
  --lens-component-chip-selected-hover-background-color: var(--lens-semantic-color-selection-secondary-hover);
  --lens-component-chip-selected-hover-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-chip-selected-hover-border-color: var(--lens-semantic-color-outline-hover);
  --lens-component-chip-selected-focus-background-color: var(--lens-semantic-color-selection-secondary-active);
  --lens-component-chip-selected-focus-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-chip-selected-focus-border-color: var(--lens-semantic-color-outline-active);
  --lens-component-chip-selected-active-background-color: var(--lens-semantic-color-selection-secondary-active);
  --lens-component-chip-selected-active-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-chip-selected-active-border-color: var(--lens-semantic-color-outline-active);
}
.lens-theme {
  --lens-component-date-picker-header-padding-bottom: var(--lens-core-spacing-3);
  --lens-component-date-picker-header-border-bottom-width: var(--lens-semantic-border-width-thin);
  --lens-component-date-picker-header-border-bottom-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-date-picker-header-border-bottom-style: var(--lens-core-border-style-solid);
  --lens-component-date-picker-header-gap: var(--lens-core-spacing-1);
  --lens-component-date-picker-header-title-color: var(--lens-semantic-color-type-default);
  --lens-component-date-picker-header-title-font-size: var(--lens-semantic-font-title-h6xs-font-size);
  --lens-component-date-picker-header-title-line-height: var(--lens-semantic-font-title-h6xs-line-height);
  --lens-component-date-picker-header-title-letter-spacing: var(--lens-semantic-font-title-h6xs-letter-spacing);
  --lens-component-date-picker-header-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-date-picker-calendar-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-date-picker-calendar-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-date-picker-footer-padding-top: var(--lens-core-spacing-2);
  --lens-component-date-picker-footer-border-top-width: var(--lens-semantic-border-width-thin);
  --lens-component-date-picker-footer-border-top-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-date-picker-footer-border-top-style: var(--lens-core-border-style-solid);
  --lens-component-date-picker-footer-gap: var(--lens-core-spacing-2);
  --lens-component-date-picker-popover-box-shadow: var(--lens-core-shadow-low);
}
.lens-theme {
  --lens-component-divider-styles-solid-border-width: var(--lens-core-spacing-px);
  --lens-component-divider-styles-solid-border-style: var(--lens-core-border-style-solid);
  --lens-component-divider-styles-dashed-border-width: var(--lens-core-spacing-px);
  --lens-component-divider-styles-dashed-dash: var(--lens-core-spacing-0-25);
  --lens-component-divider-styles-dashed-space: var(--lens-core-spacing-0-25);
  --lens-component-divider-colors-default-border-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-divider-colors-secondary-border-color: var(--lens-semantic-color-ui-divider-secondary);
}
.lens-theme {
  --lens-component-drag-and-drop-item-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-drag-and-drop-item-border-style: var(--lens-core-border-style-solid);
  --lens-component-drag-and-drop-item-border-color: var(--lens-semantic-color-outline-default);
  --lens-component-drag-and-drop-item-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-drag-and-drop-item-margin-bottom: var(--lens-core-spacing-1);
  --lens-component-drag-and-drop-item-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-drag-and-drop-item-min-height: var(--lens-core-spacing-6);
  --lens-component-drag-and-drop-item-default-box-shadow: 0px 0px 0px 0px #00000000;
  --lens-component-drag-and-drop-item-dragging-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-drag-and-drop-item-dragging-box-shadow: 0px 32px 32px 0px #0000001a, 0px 0px 2px 0px #00000040;
  --lens-component-drag-and-drop-item-hover-border-color: var(--lens-semantic-color-outline-hover);
  --lens-component-drag-and-drop-item-focus-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-drag-and-drop-item-focus-outline-width: var(--lens-semantic-border-width-focus-width);
  --lens-component-drag-and-drop-item-focus-outline-offset: var(--lens-semantic-border-width-focus-offset);
  --lens-component-drag-and-drop-item-focus-outline-style: var(--lens-core-border-style-solid);
  --lens-component-drag-and-drop-item-focus-outline-color: var(--lens-semantic-color-ui-focus-ring);
  --lens-component-drag-and-drop-item-in-move-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-drag-and-drop-item-first-padding: var(--lens-core-spacing-1-5);
  --lens-component-drag-and-drop-item-first-width: var(--lens-core-spacing-6);
  --lens-component-drag-and-drop-item-last-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-drag-and-drop-item-last-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-drag-and-drop-item-last-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-drag-and-drop-item-last-padding-left: var(--lens-core-spacing-0);
  --lens-component-drag-and-drop-item-last-min-width: var(--lens-core-spacing-px);
  --lens-component-drag-and-drop-item-handle-color: var(--lens-semantic-color-type-default);
  --lens-component-drag-and-drop-placeholder-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-drag-and-drop-placeholder-border-style: var(--lens-core-border-style-solid);
  --lens-component-drag-and-drop-placeholder-border-color: var(--lens-semantic-color-ui-loading-default);
  --lens-component-drag-and-drop-placeholder-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-drag-and-drop-placeholder-margin-bottom: var(--lens-core-spacing-1);
  --lens-component-drag-and-drop-placeholder-background-color: var(--lens-semantic-color-ui-loading-default);
  --lens-component-drag-and-drop-placeholder-min-height: var(--lens-core-spacing-6);
}
.lens-theme {
  --lens-component-dropdown-container-box-shadow: var(--lens-core-shadow-low);
  --lens-component-dropdown-container-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-dropdown-container-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-dropdown-container-margin-top: var(--lens-core-spacing-0-5);
  --lens-component-dropdown-container-margin-bottom: var(--lens-core-spacing-0-5);
  --lens-component-dropdown-list-item-padding-left: var(--lens-component-input-medium-container-padding-left);
  --lens-component-dropdown-list-item-padding-right: var(--lens-component-input-medium-container-padding-right);
  --lens-component-dropdown-list-item-padding-top: var(--lens-component-list-item-spacing-default-padding-top);
  --lens-component-dropdown-list-item-padding-bottom: var(--lens-component-list-item-spacing-default-padding-bottom);
  --lens-component-dropdown-list-item-checkbox-margin-right: var(--lens-core-spacing-1-5);
  --lens-component-dropdown-list-item-checkbox-checked-background-color: var(--lens-semantic-gradients-primary-default);
  --lens-component-dropdown-list-sectioned-gap: var(--lens-core-spacing-3);
  --lens-component-dropdown-list-sectioned-header-padding-left: var(--lens-component-input-medium-container-padding-left);
  --lens-component-dropdown-box-height-offset: 32px;
}
.lens-theme {
  --lens-component-filter-toolbar-mobile-container-gap: var(--lens-core-spacing-2);
  --lens-component-filter-toolbar-mobile-fields-gap: var(--lens-core-spacing-2);
  --lens-component-filter-toolbar-mobile-buttons-gap: var(--lens-core-spacing-2);
  --lens-component-filter-toolbar-tablet-container-gap: var(--lens-core-spacing-3);
  --lens-component-filter-toolbar-tablet-fields-gap: var(--lens-core-spacing-3);
  --lens-component-filter-toolbar-tablet-buttons-gap: var(--lens-core-spacing-2);
  --lens-component-filter-toolbar-tablet-selected-items-height: var(--lens-component-input-medium-container-height);
  --lens-component-filter-toolbar-selected-items-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-filter-toolbar-selected-items-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-filter-toolbar-selected-items-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-filter-toolbar-selected-items-color: var(--lens-semantic-color-type-muted);
}
.lens-theme {
  --lens-component-footer-gap: var(--lens-core-spacing-1-5);
  --lens-component-footer-container-max-width: 1760px;
  --lens-component-footer-divider-border-top-width: var(--lens-core-spacing-px);
  --lens-component-footer-divider-border-top-style: var(--lens-core-border-style-solid);
  --lens-component-footer-divider-border-top-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-footer-desktop-padding-top: var(--lens-core-spacing-2);
  --lens-component-footer-desktop-horizontal-padding-none-padding-left: var(--lens-core-spacing-0);
  --lens-component-footer-desktop-horizontal-padding-none-padding-right: var(--lens-core-spacing-0);
  --lens-component-footer-desktop-horizontal-padding-small-padding-left: var(--lens-core-spacing-2);
  --lens-component-footer-desktop-horizontal-padding-small-padding-right: var(--lens-core-spacing-2);
  --lens-component-footer-desktop-horizontal-padding-medium-padding-left: var(--lens-core-spacing-3);
  --lens-component-footer-desktop-horizontal-padding-medium-padding-right: var(--lens-core-spacing-3);
  --lens-component-footer-desktop-horizontal-padding-large-padding-left: var(--lens-core-spacing-6);
  --lens-component-footer-desktop-horizontal-padding-large-padding-right: var(--lens-core-spacing-6);
  --lens-component-footer-mobile-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-footer-colors-base-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-footer-colors-container-background-color: var(--lens-semantic-color-surface-variant);
  --lens-component-footer-colors-transparent-background-color: var(--lens-core-color-transparent);
}
.lens-theme {
  --lens-component-form-field-gap: var(--lens-core-spacing-1);
  --lens-component-form-field-label-color: var(--lens-semantic-color-type-default);
  --lens-component-form-field-label-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-form-field-label-line-height: var(--lens-semantic-font-text-sm-line-height);
  --lens-component-form-field-label-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-form-field-label-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
  --lens-component-form-field-help-color: var(--lens-semantic-color-type-muted);
  --lens-component-form-field-help-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-form-field-help-line-height: var(--lens-semantic-font-text-sm-line-height);
  --lens-component-form-field-help-font-weight: var(--lens-semantic-font-text-sm-font-weight);
  --lens-component-form-field-help-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
  --lens-component-form-field-status-gap: var(--lens-core-spacing-0-5);
  --lens-component-form-field-status-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-form-field-status-line-height: var(--lens-semantic-font-text-sm-line-height);
  --lens-component-form-field-status-font-weight: var(--lens-semantic-font-text-sm-font-weight);
  --lens-component-form-field-status-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
  --lens-component-form-field-status-error-color: var(--lens-semantic-color-status-error-text);
  --lens-component-form-field-status-success-color: var(--lens-semantic-color-status-success-text);
  --lens-component-form-field-status-icon-width: var(--lens-semantic-icon-size-md);
  --lens-component-form-field-status-icon-height: var(--lens-semantic-icon-size-md);
}
.lens-theme {
  --lens-component-input-outlined-default-container-background: var(--lens-semantic-color-surface-default);
  --lens-component-input-outlined-default-container-color: var(--lens-semantic-color-type-default);
  --lens-component-input-outlined-default-container-opacity: 1;
  --lens-component-input-outlined-default-adornment-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-default-action-color: var(--lens-semantic-color-type-default);
  --lens-component-input-outlined-default-placeholder-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-default-border-border-color: var(--lens-semantic-color-outline-default);
  --lens-component-input-outlined-default-border-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-input-outlined-default-border-border-style: var(--lens-core-border-style-solid);
  --lens-component-input-outlined-hover-container-background: var(--lens-semantic-color-surface-default);
  --lens-component-input-outlined-hover-container-color: var(--lens-semantic-color-type-default);
  --lens-component-input-outlined-hover-container-opacity: 1;
  --lens-component-input-outlined-hover-adornment-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-hover-action-color: var(--lens-semantic-color-type-default);
  --lens-component-input-outlined-hover-placeholder-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-hover-border-border-color: var(--lens-semantic-color-outline-hover);
  --lens-component-input-outlined-hover-border-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-input-outlined-hover-border-border-style: var(--lens-core-border-style-solid);
  --lens-component-input-outlined-active-container-background: var(--lens-semantic-color-surface-default);
  --lens-component-input-outlined-active-container-color: var(--lens-semantic-color-type-default);
  --lens-component-input-outlined-active-container-opacity: 1;
  --lens-component-input-outlined-active-adornment-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-active-action-color: var(--lens-semantic-color-type-default);
  --lens-component-input-outlined-active-placeholder-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-active-border-border-color: var(--lens-semantic-color-outline-active);
  --lens-component-input-outlined-active-border-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-input-outlined-active-border-border-style: var(--lens-core-border-style-solid);
  --lens-component-input-outlined-disabled-container-background: var(--lens-semantic-color-surface-default);
  --lens-component-input-outlined-disabled-container-color: var(--lens-semantic-color-type-disabled);
  --lens-component-input-outlined-disabled-adornment-color: var(--lens-semantic-color-type-disabled);
  --lens-component-input-outlined-disabled-action-color: var(--lens-semantic-color-type-disabled);
  --lens-component-input-outlined-disabled-placeholder-color: var(--lens-semantic-color-type-disabled);
  --lens-component-input-outlined-disabled-border-border-color: var(--lens-semantic-color-outline-disabled);
  --lens-component-input-outlined-disabled-border-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-input-outlined-disabled-border-border-style: var(--lens-core-border-style-solid);
  --lens-component-input-outlined-error-container-background: var(--lens-semantic-color-surface-default);
  --lens-component-input-outlined-error-container-color: var(--lens-semantic-color-type-disabled);
  --lens-component-input-outlined-error-container-opacity: 1;
  --lens-component-input-outlined-error-adornment-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-error-action-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-error-placeholder-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-error-border-border-color: var(--lens-semantic-color-status-error-default);
  --lens-component-input-outlined-error-border-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-input-outlined-error-border-border-style: var(--lens-core-border-style-solid);
  --lens-component-input-outlined-read-only-container-background: var(--lens-semantic-color-surface-variant);
  --lens-component-input-outlined-read-only-container-color: var(--lens-semantic-color-type-default);
  --lens-component-input-outlined-read-only-container-opacity: 1;
  --lens-component-input-outlined-read-only-adornment-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-read-only-action-color: var(--lens-semantic-color-type-default);
  --lens-component-input-outlined-read-only-placeholder-color: var(--lens-semantic-color-type-muted);
  --lens-component-input-outlined-read-only-border-border-color: var(--lens-semantic-color-outline-default);
  --lens-component-input-outlined-read-only-border-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-input-outlined-read-only-border-border-style: var(--lens-core-border-style-solid);
  --lens-component-input-ai-default-border-border-radius: var(--lens-semantic-radius-md);
  --lens-component-input-ai-default-border-border-width: var(--lens-semantic-border-width-thick);
  --lens-component-input-ai-default-border-gradient: var(--lens-semantic-gradients-ai-primary-default);
  --lens-component-input-ai-hover-border-gradient: var(--lens-semantic-gradients-ai-primary-hover);
  --lens-component-input-ai-active-border-gradient: var(--lens-semantic-gradients-ai-primary-active);
  --lens-component-input-medium-container-height: var(--lens-core-spacing-5);
  --lens-component-input-medium-container-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-input-medium-container-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-input-medium-container-padding-top: var(--lens-core-spacing-1);
  --lens-component-input-medium-container-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-input-medium-container-gap: var(--lens-core-spacing-0-5);
  --lens-component-input-medium-border-border-radius: var(--lens-semantic-radius-md);
  --lens-component-input-medium-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-input-medium-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-input-medium-input-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-input-medium-input-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-input-medium-input-font-weight: var(--lens-semantic-font-text-body-font-weight);
  --lens-component-input-medium-input-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-input-autocomplete-container-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-input-autocomplete-container-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-input-autocomplete-container-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-input-autocomplete-container-padding-bottom: var(--lens-core-spacing-1);
}
.lens-theme {
  --lens-component-link-color: var(--lens-semantic-color-action-link-default);
  --lens-component-link-font-weight: var(--lens-semantic-font-weight-link);
  --lens-component-link-text-decoration: var(--lens-core-text-decoration-underline);
  --lens-component-link-hover-text-decoration: var(--lens-core-text-decoration-underline);
  --lens-component-link-hover-color: var(--lens-semantic-color-action-link-hover);
}
.lens-theme {
  --lens-component-list-item-border-bottom-width: var(--lens-semantic-border-width-thin);
  --lens-component-list-item-border-style: var(--lens-core-border-style-solid);
  --lens-component-list-item-border-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-list-item-checkbox-margin-right: var(--lens-core-spacing-3);
  --lens-component-list-item-content-gap: var(--lens-core-spacing-2);
  --lens-component-list-item-content-label-default-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-list-item-content-label-default-font-weight: var(--lens-semantic-font-text-body-font-weight);
  --lens-component-list-item-content-label-default-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-list-item-content-label-default-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-list-item-content-label-default-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-list-item-content-label-title-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-list-item-content-label-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-list-item-content-label-title-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-list-item-content-label-title-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-list-item-content-label-title-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-list-item-content-label-secondary-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-list-item-content-label-secondary-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-list-item-content-label-secondary-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-list-item-content-label-secondary-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-list-item-content-label-secondary-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-list-item-content-label-context-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-list-item-content-label-context-font-weight: var(--lens-semantic-font-text-sm-font-weight);
  --lens-component-list-item-content-label-context-line-height: var(--lens-semantic-font-text-sm-line-height);
  --lens-component-list-item-content-label-context-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
  --lens-component-list-item-content-label-context-color: var(--lens-semantic-color-type-muted);
  --lens-component-list-item-content-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-list-item-content-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-list-item-content-media-width: 84px;
  --lens-component-list-item-content-media-height: 84px;
  --lens-component-list-item-content-media-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-list-item-spacing-none-padding-top: var(--lens-core-spacing-0);
  --lens-component-list-item-spacing-none-padding-bottom: var(--lens-core-spacing-0);
  --lens-component-list-item-spacing-none-padding-right: var(--lens-core-spacing-0);
  --lens-component-list-item-spacing-none-padding-left: var(--lens-core-spacing-0);
  --lens-component-list-item-spacing-default-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-list-item-spacing-default-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-list-item-spacing-default-padding-right: var(--lens-core-spacing-0);
  --lens-component-list-item-spacing-default-padding-left: var(--lens-core-spacing-0);
  --lens-component-list-item-spacing-tight-padding-top: var(--lens-core-spacing-1);
  --lens-component-list-item-spacing-tight-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-list-item-spacing-tight-padding-right: var(--lens-core-spacing-0);
  --lens-component-list-item-spacing-tight-padding-left: var(--lens-core-spacing-0);
  --lens-component-list-item-spacing-comfortable-padding-top: var(--lens-core-spacing-3);
  --lens-component-list-item-spacing-comfortable-padding-bottom: var(--lens-core-spacing-3);
  --lens-component-list-item-spacing-comfortable-padding-right: var(--lens-core-spacing-0);
  --lens-component-list-item-spacing-comfortable-padding-left: var(--lens-core-spacing-0);
  --lens-component-list-item-spacing-selectable-default-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-list-item-spacing-selectable-default-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-list-item-spacing-selectable-default-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-list-item-spacing-selectable-default-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-list-item-spacing-selectable-tight-padding-top: var(--lens-core-spacing-1);
  --lens-component-list-item-spacing-selectable-tight-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-list-item-spacing-selectable-tight-padding-left: var(--lens-core-spacing-1);
  --lens-component-list-item-spacing-selectable-tight-padding-right: var(--lens-core-spacing-1);
  --lens-component-list-item-spacing-selectable-comfortable-padding-top: var(--lens-core-spacing-3);
  --lens-component-list-item-spacing-selectable-comfortable-padding-bottom: var(--lens-core-spacing-3);
  --lens-component-list-item-spacing-selectable-comfortable-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-list-item-spacing-selectable-comfortable-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-list-item-spacing-with-secondary-action-padding-right: var(--lens-core-spacing-8);
  --lens-component-list-item-plain-padding-left: var(--lens-core-spacing-0);
  --lens-component-list-item-plain-padding-right: var(--lens-core-spacing-0);
  --lens-component-list-item-clickable-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-list-item-clickable-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-list-item-multiline-gap: var(--lens-core-spacing-1-5);
  --lens-component-list-item-multiline-with-media-gap: var(--lens-core-spacing-2);
  --lens-component-list-item-default-background-color: var(--lens-core-color-transparent);
  --lens-component-list-item-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-list-item-active-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-list-item-selected-default-background-color: var(--lens-semantic-color-selection-secondary-default);
  --lens-component-list-item-selected-hover-background-color: var(--lens-semantic-color-selection-secondary-hover);
  --lens-component-list-item-selected-active-background-color: var(--lens-semantic-color-selection-secondary-active);
  --lens-component-list-item-selected-no-check-border-left-width: var(--lens-core-spacing-0-25);
  --lens-component-list-item-selected-no-check-border-left-style: var(--lens-core-border-style-solid);
  --lens-component-list-item-selected-no-check-border-left-color: var(--lens-semantic-color-action-secondary-inverse-selection-indicator);
  --lens-component-list-item-selected-no-check-border-radius: var(--lens-core-spacing-3);
  --lens-component-list-sectioned-gap: var(--lens-core-spacing-6);
  --lens-component-list-sectioned-header-margin-top: var(--lens-core-spacing-1);
  --lens-component-list-sectioned-header-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-list-sectioned-header-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-list-sectioned-header-padding-left: var(--lens-core-spacing-0);
  --lens-component-list-sectioned-header-padding-right: var(--lens-core-spacing-0);
  --lens-component-list-sectioned-header-border-bottom-width: var(--lens-semantic-border-width-thin);
  --lens-component-list-sectioned-header-border-bottom-style: var(--lens-core-border-style-solid);
  --lens-component-list-sectioned-header-border-bottom-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-list-sectioned-header-label-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-list-sectioned-header-label-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-list-sectioned-header-label-line-height: var(--lens-semantic-font-text-sm-line-height);
  --lens-component-list-sectioned-header-label-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
  --lens-component-list-sectioned-header-label-color: var(--lens-semantic-color-type-default);
  --lens-component-list-group-label-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-list-group-label-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-list-group-label-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-list-group-label-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-list-group-label-line-height: var(--lens-semantic-font-text-sm-line-height);
  --lens-component-list-group-label-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
  --lens-component-list-group-label-color: var(--lens-semantic-color-type-muted);
}
.lens-theme {
  --lens-component-loading-indicator-circular-track-color: var(--lens-semantic-color-type-muted);
  --lens-component-loading-indicator-circular-indicator-color: var(--lens-semantic-color-action-primary-default);
  --lens-component-loading-indicator-circular-sm-height: var(--lens-core-spacing-2-5);
  --lens-component-loading-indicator-circular-sm-width: var(--lens-core-spacing-2-5);
  --lens-component-loading-indicator-circular-sm-track-stroke-width: 0.5px;
  --lens-component-loading-indicator-circular-sm-indicator-stroke-width: var(--lens-core-spacing-0-25);
  --lens-component-loading-indicator-circular-md-height: var(--lens-core-spacing-4);
  --lens-component-loading-indicator-circular-md-width: var(--lens-core-spacing-4);
  --lens-component-loading-indicator-circular-md-track-stroke-width: var(--lens-core-spacing-px);
  --lens-component-loading-indicator-circular-md-indicator-stroke-width: 2.5px;
  --lens-component-loading-indicator-circular-lg-height: var(--lens-core-spacing-7);
  --lens-component-loading-indicator-circular-lg-width: var(--lens-core-spacing-7);
  --lens-component-loading-indicator-circular-lg-track-stroke-width: var(--lens-core-spacing-px);
  --lens-component-loading-indicator-circular-lg-indicator-stroke-width: 4.25px;
  --lens-component-loading-indicator-linear-track-height: var(--lens-core-spacing-1-5);
  --lens-component-loading-indicator-linear-track-padding-top: var(--lens-core-spacing-0-5);
  --lens-component-loading-indicator-linear-track-padding-bottom: var(--lens-core-spacing-0-5);
  --lens-component-loading-indicator-linear-track-padding-left: var(--lens-core-spacing-0-5);
  --lens-component-loading-indicator-linear-track-padding-right: var(--lens-core-spacing-0-5);
  --lens-component-loading-indicator-linear-track-border-style: var(--lens-core-border-style-solid);
  --lens-component-loading-indicator-linear-track-border-width: var(--lens-core-spacing-px);
  --lens-component-loading-indicator-linear-track-border-color: var(--lens-semantic-color-type-muted);
  --lens-component-loading-indicator-linear-track-border-radius: var(--lens-semantic-radius-full);
  --lens-component-loading-indicator-linear-track-background-color: var(--lens-semantic-color-background-base);
  --lens-component-loading-indicator-linear-indicator-color: var(--lens-semantic-color-action-primary-default);
  --lens-component-loading-indicator-linear-indicator-height: var(--lens-core-spacing-0-5);
  --lens-component-loading-indicator-linear-indicator-border-radius: var(--lens-semantic-radius-full);
}
.lens-theme {
  --lens-component-menu-border-radius: var(--lens-semantic-radius-md);
  --lens-component-menu-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-menu-box-shadow: var(--lens-core-shadow-low);
  --lens-component-menu-min-width: 240px;
  --lens-component-menu-item-default-background-color: var(--lens-core-color-transparent);
  --lens-component-menu-item-default-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-menu-item-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-menu-item-hover-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-menu-item-active-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-menu-item-active-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-menu-item-disabled-background-color: var(--lens-core-color-transparent);
  --lens-component-menu-item-disabled-color: var(--lens-semantic-color-type-disabled);
  --lens-component-menu-item-destructive-default-background-color: var(--lens-core-color-transparent);
  --lens-component-menu-item-destructive-default-color: var(--lens-semantic-color-action-secondary-destructive-default);
  --lens-component-menu-item-destructive-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-menu-item-destructive-hover-color: var(--lens-semantic-color-action-secondary-destructive-default);
  --lens-component-menu-item-destructive-active-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-menu-item-destructive-active-color: var(--lens-semantic-color-action-secondary-destructive-default);
  --lens-component-menu-item-destructive-disabled-background-color: var(--lens-core-color-transparent);
  --lens-component-menu-item-destructive-disabled-color: var(--lens-semantic-color-action-secondary-on-secondary-disabled);
  --lens-component-menu-item-selected-default-background-color: var(--lens-semantic-color-selection-secondary-default);
  --lens-component-menu-item-selected-hover-background-color: var(--lens-semantic-color-selection-secondary-hover);
  --lens-component-menu-item-selected-active-background-color: var(--lens-semantic-color-selection-secondary-active);
  --lens-component-menu-item-selected-focus-background-color: var(--lens-semantic-color-selection-secondary-hover);
  --lens-component-menu-item-spacing-default-min-height: var(--lens-core-spacing-6);
  --lens-component-menu-item-spacing-default-gap: var(--lens-core-spacing-2);
  --lens-component-menu-item-spacing-default-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-menu-item-spacing-default-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-menu-item-spacing-default-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-menu-item-spacing-default-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-menu-item-spacing-tight-min-height: var(--lens-core-spacing-5);
  --lens-component-menu-item-spacing-tight-gap: var(--lens-core-spacing-1-5);
  --lens-component-menu-item-spacing-tight-padding-top: var(--lens-core-spacing-1);
  --lens-component-menu-item-spacing-tight-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-menu-item-spacing-tight-padding-right: var(--lens-core-spacing-1);
  --lens-component-menu-item-spacing-tight-padding-left: var(--lens-core-spacing-1);
  --lens-component-menu-item-content-label-default-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-menu-item-content-label-default-font-weight: var(--lens-semantic-font-text-body-font-weight);
  --lens-component-menu-item-content-label-default-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-menu-item-content-label-default-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-menu-item-content-label-secondary-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-menu-item-content-label-secondary-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-menu-item-content-label-secondary-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-menu-item-content-label-secondary-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-menu-item-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-menu-item-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-menu-item-icon-size: lg;
  --lens-component-menu-item-divider-border-bottom-width: var(--lens-semantic-border-width-thin);
  --lens-component-menu-item-divider-border-style: var(--lens-core-border-style-solid);
  --lens-component-menu-item-divider-border-color: var(--lens-semantic-color-ui-divider-default);
}
.lens-theme {
  --lens-component-modal-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-modal-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-modal-color: var(--lens-semantic-color-type-default);
  --lens-component-modal-box-shadow: var(--lens-core-shadow-high);
  --lens-component-modal-max-width: 440px;
  --lens-component-modal-mobile-max-width: 320px;
  --lens-component-modal-mobile-border-bottom-left-radius: var(--lens-semantic-radius-none);
  --lens-component-modal-mobile-border-bottom-right-radius: var(--lens-semantic-radius-none);
  --lens-component-modal-header-padding-left: var(--lens-core-spacing-3);
  --lens-component-modal-header-padding-right: var(--lens-core-spacing-3);
  --lens-component-modal-header-padding-top: var(--lens-core-spacing-3);
  --lens-component-modal-header-padding-bottom: var(--lens-core-spacing-3);
  --lens-component-modal-header-gap: var(--lens-core-spacing-1-5);
  --lens-component-modal-header-color: var(--lens-semantic-color-type-default);
  --lens-component-modal-header-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-modal-header-font-size: var(--lens-semantic-font-title-h3lg-font-size);
  --lens-component-modal-header-line-height: var(--lens-semantic-font-title-h3lg-line-height);
  --lens-component-modal-header-letter-spacing: var(--lens-semantic-font-title-h3lg-letter-spacing);
  --lens-component-modal-header-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-modal-header-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-modal-header-description-color: var(--lens-semantic-color-type-default);
  --lens-component-modal-header-description-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-component-modal-header-description-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-modal-header-description-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-modal-header-description-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-modal-header-description-margin-top: var(--lens-core-spacing-0-5);
  --lens-component-modal-header-description-margin-bottom: var(--lens-core-spacing-0-5);
  --lens-component-modal-content-padding-left: var(--lens-core-spacing-3);
  --lens-component-modal-content-padding-right: var(--lens-core-spacing-3);
  --lens-component-modal-content-padding-bottom: var(--lens-core-spacing-3);
  --lens-component-modal-content-color: var(--lens-semantic-color-type-default);
  --lens-component-modal-content-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-modal-content-font-weight: var(--lens-semantic-font-text-body-font-weight);
  --lens-component-modal-content-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-modal-footer-gap: var(--lens-core-spacing-1-5);
  --lens-component-modal-footer-padding-left: var(--lens-core-spacing-3);
  --lens-component-modal-footer-padding-right: var(--lens-core-spacing-3);
  --lens-component-modal-footer-padding-top: var(--lens-core-spacing-3);
  --lens-component-modal-footer-padding-bottom: var(--lens-core-spacing-3);
  --lens-component-modal-footer-border-top-width: var(--lens-semantic-border-width-thin);
  --lens-component-modal-footer-border-top-style: var(--lens-core-border-style-solid);
  --lens-component-modal-footer-border-top-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-modal-footer-checkbox-gap: 10px;
}
.lens-theme {
  --lens-component-overlay-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-overlay-box-shadow: var(--lens-core-shadow-low);
}
.lens-theme {
  --lens-component-page-header-desktop-container-gap: var(--lens-core-spacing-0-5);
  --lens-component-page-header-desktop-middle-container-gap: var(--lens-core-spacing-1-5);
  --lens-component-page-header-desktop-middle-container-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-page-header-desktop-main-content-gap: var(--lens-core-spacing-1-5);
  --lens-component-page-header-desktop-title-container-gap: var(--lens-core-spacing-0-5);
  --lens-component-page-header-desktop-status-container-gap: var(--lens-core-spacing-1);
  --lens-component-page-header-desktop-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-page-header-desktop-button-array-padding: var(--lens-core-spacing-0-5);
  --lens-component-page-header-desktop-button-array-gap: var(--lens-core-spacing-1);
  --lens-component-page-header-tablet-container-gap: var(--lens-core-spacing-0-5);
  --lens-component-page-header-tablet-middle-container-gap: var(--lens-core-spacing-1-5);
  --lens-component-page-header-tablet-middle-container-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-page-header-tablet-main-content-gap: var(--lens-core-spacing-1-5);
  --lens-component-page-header-tablet-title-container-gap: var(--lens-core-spacing-0-5);
  --lens-component-page-header-tablet-status-container-gap: var(--lens-core-spacing-1);
  --lens-component-page-header-tablet-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-page-header-tablet-button-array-padding: var(--lens-core-spacing-0-5);
  --lens-component-page-header-tablet-button-array-gap: var(--lens-core-spacing-1);
  --lens-component-page-header-mobile-container-gap: var(--lens-core-spacing-0-5);
  --lens-component-page-header-mobile-middle-container-gap: var(--lens-core-spacing-1-5);
  --lens-component-page-header-mobile-middle-container-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-page-header-mobile-main-content-gap: var(--lens-core-spacing-1-5);
  --lens-component-page-header-mobile-title-container-gap: var(--lens-core-spacing-0-5);
  --lens-component-page-header-mobile-status-container-gap: var(--lens-core-spacing-1);
  --lens-component-page-header-mobile-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-page-header-mobile-button-array-padding: var(--lens-core-spacing-0-5);
  --lens-component-page-header-mobile-button-array-gap: var(--lens-core-spacing-1);
}
.lens-theme {
  --lens-component-pagination-container-padding: var(--lens-core-spacing-0-5);
  --lens-component-pagination-container-gap: var(--lens-core-spacing-1);
  --lens-component-pagination-button-width: var(--lens-core-spacing-5);
  --lens-component-pagination-button-height: var(--lens-core-spacing-5);
  --lens-component-pagination-button-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-pagination-button-padding: var(--lens-core-spacing-1);
  --lens-component-pagination-button-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-pagination-button-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-pagination-button-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-pagination-button-font-weight: var(--lens-semantic-font-text-body-font-weight);
  --lens-component-pagination-button-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-pagination-button-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-pagination-button-unselected-default-background: var(--lens-core-color-transparent);
  --lens-component-pagination-button-unselected-default-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-pagination-button-unselected-hover-background: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-pagination-button-unselected-hover-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-pagination-button-unselected-active-background: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-pagination-button-unselected-active-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-pagination-button-unselected-disabled-background: var(--lens-core-color-transparent);
  --lens-component-pagination-button-unselected-disabled-color: var(--lens-semantic-color-action-secondary-on-secondary-disabled);
  --lens-component-pagination-button-selected-default-background: var(--lens-semantic-gradients-primary-default);
  --lens-component-pagination-button-selected-default-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-pagination-button-selected-hover-background: var(--lens-semantic-gradients-primary-hover);
  --lens-component-pagination-button-selected-hover-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-pagination-button-selected-active-background: var(--lens-semantic-gradients-primary-active);
  --lens-component-pagination-button-selected-active-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-pagination-button-selected-disabled-background: var(--lens-semantic-color-action-primary-disabled);
  --lens-component-pagination-button-selected-disabled-color: var(--lens-semantic-color-action-primary-on-primary-disabled);
}
.lens-theme {
  --lens-component-popover-container-background-color: var(--lens-semantic-color-surface-inverse);
  --lens-component-popover-container-color: var(--lens-semantic-color-type-inverse);
  --lens-component-popover-container-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-popover-container-max-width: 400px;
  --lens-component-popover-container-padding-top: var(--lens-core-spacing-2);
  --lens-component-popover-container-padding-bottom: var(--lens-core-spacing-2);
  --lens-component-popover-container-padding-left: var(--lens-core-spacing-3);
  --lens-component-popover-container-padding-right: var(--lens-core-spacing-3);
  --lens-component-popover-container-box-shadow: var(--lens-core-shadow-low);
  --lens-component-popover-content-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-popover-content-padding-bottom: var(--lens-core-spacing-2);
  --lens-component-popover-head-gap: var(--lens-core-spacing-1);
  --lens-component-popover-head-padding-top: var(--lens-core-spacing-1);
  --lens-component-popover-head-padding-bottom: var(--lens-core-spacing-2);
  --lens-component-popover-head-padding-left: var(--lens-core-spacing-3);
  --lens-component-popover-head-padding-right: var(--lens-core-spacing-2);
  --lens-component-popover-head-title-font-size: var(--lens-semantic-font-title-h3lg-font-size);
  --lens-component-popover-head-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-popover-head-title-line-height: var(--lens-semantic-font-title-h3lg-line-height);
  --lens-component-popover-footer-gap: var(--lens-core-spacing-1);
  --lens-component-popover-footer-padding-top: var(--lens-core-spacing-1);
  --lens-component-popover-footer-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-popover-footer-padding-left: var(--lens-core-spacing-3);
  --lens-component-popover-footer-padding-right: var(--lens-core-spacing-1);
  --lens-component-popover-footer-border-top-color: var(--lens-semantic-color-ui-divider-secondary);
  --lens-component-popover-footer-border-top-width: var(--lens-semantic-border-width-thin);
  --lens-component-popover-footer-border-top-style: var(--lens-core-border-style-solid);
  --lens-component-popover-footer-actions-gap: var(--lens-core-spacing-1-5);
}
.lens-theme {
  --lens-component-radio-button-array-gap: var(--lens-core-spacing-2-5);
  --lens-component-radio-button-array-radio-button-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-radio-button-array-radio-button-padding-bottom: var(--lens-core-spacing-1-5);
}
.lens-theme {
  --lens-component-radio-button-circle-width: var(--lens-core-spacing-3);
  --lens-component-radio-button-circle-height: var(--lens-core-spacing-3);
  --lens-component-radio-button-circle-border-width: var(--lens-core-spacing-px);
  --lens-component-radio-button-circle-border-radius: var(--lens-semantic-radius-full);
  --lens-component-radio-button-inner-circle-width: var(--lens-core-spacing-1);
  --lens-component-radio-button-inner-circle-height: var(--lens-core-spacing-1);
  --lens-component-radio-button-inner-circle-border-radius: var(--lens-semantic-radius-full);
  --lens-component-radio-button-label-font-size: var(--lens-semantic-font-label-lg-font-size);
  --lens-component-radio-button-label-font-weight: var(--lens-semantic-font-label-lg-font-weight);
  --lens-component-radio-button-label-line-height: var(--lens-semantic-font-label-lg-line-height);
  --lens-component-radio-button-label-letter-spacing: var(--lens-semantic-font-label-lg-letter-spacing);
  --lens-component-radio-button-label-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-radio-button-unchecked-default-circle-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-radio-button-unchecked-default-circle-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-radio-button-unchecked-default-inner-circle-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-radio-button-unchecked-default-label-color: var(--lens-semantic-color-type-default);
  --lens-component-radio-button-unchecked-hover-circle-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-radio-button-unchecked-hover-circle-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-radio-button-unchecked-hover-inner-circle-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-radio-button-unchecked-hover-label-color: var(--lens-semantic-color-type-default);
  --lens-component-radio-button-unchecked-active-circle-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-radio-button-unchecked-active-circle-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-radio-button-unchecked-active-inner-circle-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-radio-button-unchecked-active-label-color: var(--lens-semantic-color-type-default);
  --lens-component-radio-button-unchecked-disabled-circle-border-color: var(--lens-semantic-color-action-secondary-disabled-outline);
  --lens-component-radio-button-unchecked-disabled-circle-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-radio-button-unchecked-disabled-inner-circle-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-radio-button-unchecked-disabled-label-color: var(--lens-semantic-color-type-disabled);
  --lens-component-radio-button-unchecked-error-circle-border-color: var(--lens-semantic-color-status-error-default);
  --lens-component-radio-button-unchecked-error-circle-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-radio-button-unchecked-error-inner-circle-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-radio-button-unchecked-error-label-color: var(--lens-semantic-color-type-default);
  --lens-component-radio-button-checked-default-circle-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-radio-button-checked-default-circle-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-radio-button-checked-default-inner-circle-background-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-radio-button-checked-default-label-color: var(--lens-semantic-color-type-default);
  --lens-component-radio-button-checked-hover-circle-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-radio-button-checked-hover-circle-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-radio-button-checked-hover-inner-circle-background-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-radio-button-checked-hover-label-color: var(--lens-semantic-color-type-default);
  --lens-component-radio-button-checked-active-circle-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-radio-button-checked-active-circle-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-radio-button-checked-active-inner-circle-background-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-radio-button-checked-active-label-color: var(--lens-semantic-color-type-default);
  --lens-component-radio-button-checked-disabled-circle-border-color: var(--lens-semantic-color-action-secondary-disabled-outline);
  --lens-component-radio-button-checked-disabled-circle-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-radio-button-checked-disabled-inner-circle-background-color: var(--lens-semantic-color-action-primary-disabled);
  --lens-component-radio-button-checked-disabled-label-color: var(--lens-semantic-color-type-disabled);
  --lens-component-radio-button-checked-error-circle-border-color: var(--lens-semantic-color-status-error-default);
  --lens-component-radio-button-checked-error-circle-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-radio-button-checked-error-inner-circle-background-color: var(--lens-semantic-color-status-error-text);
  --lens-component-radio-button-checked-error-label-color: var(--lens-semantic-color-type-default);
}
.lens-theme {
  --lens-component-section-header-container-gap: var(--lens-core-spacing-3);
  --lens-component-section-header-header-bar-gap: var(--lens-core-spacing-2);
  --lens-component-section-header-headings-gap: var(--lens-core-spacing-0-5);
  --lens-component-section-header-leading-items-gap: var(--lens-core-spacing-1);
  --lens-component-section-header-trailing-items-gap: var(--lens-core-spacing-2);
  --lens-component-section-header-heading-h2-title-font-size: var(--lens-semantic-font-title-h2display-font-size);
  --lens-component-section-header-heading-h2-title-line-height: var(--lens-semantic-font-title-h2display-line-height);
  --lens-component-section-header-heading-h2-title-letter-spacing: var(--lens-semantic-font-title-h2display-letter-spacing);
  --lens-component-section-header-heading-h2-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-section-header-heading-h2-subtitle-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-section-header-heading-h2-subtitle-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-section-header-heading-h2-subtitle-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-section-header-heading-h3-title-font-size: var(--lens-semantic-font-title-h3lg-font-size);
  --lens-component-section-header-heading-h3-title-line-height: var(--lens-semantic-font-title-h3lg-line-height);
  --lens-component-section-header-heading-h3-title-letter-spacing: var(--lens-semantic-font-title-h3lg-letter-spacing);
  --lens-component-section-header-heading-h3-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-section-header-heading-h3-subtitle-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-section-header-heading-h3-subtitle-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-section-header-heading-h3-subtitle-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-section-header-heading-h4-title-font-size: var(--lens-semantic-font-title-h4md-font-size);
  --lens-component-section-header-heading-h4-title-line-height: var(--lens-semantic-font-title-h4md-line-height);
  --lens-component-section-header-heading-h4-title-letter-spacing: var(--lens-semantic-font-title-h4md-letter-spacing);
  --lens-component-section-header-heading-h4-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-section-header-heading-h4-subtitle-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-section-header-heading-h4-subtitle-line-height: var(--lens-semantic-font-text-sm-line-height);
  --lens-component-section-header-heading-h4-subtitle-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
}
.lens-theme {
  --lens-component-side-sheet-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-side-sheet-color: var(--lens-semantic-color-type-default);
  --lens-component-side-sheet-padding-top: var(--lens-core-spacing-3);
  --lens-component-side-sheet-padding-bottom: var(--lens-core-spacing-3);
  --lens-component-side-sheet-padding-left: var(--lens-core-spacing-3);
  --lens-component-side-sheet-padding-right: var(--lens-core-spacing-3);
  --lens-component-side-sheet-gap: var(--lens-core-spacing-3);
  --lens-component-side-sheet-box-shadow: var(--lens-core-shadow-low);
  --lens-component-side-sheet-backdrop-background-color: var(--lens-semantic-color-background-backdrop);
  --lens-component-side-sheet-header-gap: var(--lens-core-spacing-3);
  --lens-component-side-sheet-header-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-side-sheet-header-title-font-size: var(--lens-semantic-font-title-h3lg-font-size);
  --lens-component-side-sheet-header-title-line-height: var(--lens-semantic-font-title-h3lg-line-height);
  --lens-component-side-sheet-header-title-letter-spacing: var(--lens-semantic-font-title-h3lg-letter-spacing);
  --lens-component-side-sheet-header-description-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-side-sheet-header-description-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-side-sheet-header-description-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-side-sheet-header-description-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-side-sheet-footer-padding-top: var(--lens-core-spacing-2);
  --lens-component-side-sheet-footer-gap: var(--lens-core-spacing-2);
  --lens-component-side-sheet-footer-border-top-width: var(--lens-semantic-border-width-thin);
  --lens-component-side-sheet-footer-border-top-style: var(--lens-core-border-style-solid);
  --lens-component-side-sheet-footer-border-top-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-side-sheet-small-width: 350px;
  --lens-component-side-sheet-medium-width: 460px;
  --lens-component-side-sheet-large-width: 675px;
}
.lens-theme {
  --lens-component-skeleton-background: var(--lens-semantic-color-ui-loading-default);
  --lens-component-skeleton-circular-width: var(--lens-semantic-icon-size-xl);
  --lens-component-skeleton-circular-height: var(--lens-semantic-icon-size-xl);
  --lens-component-skeleton-circular-border-radius: var(--lens-semantic-radius-full);
  --lens-component-skeleton-rounded-border-radius: var(--lens-semantic-radius-md);
}
.lens-theme {
  --lens-component-slider-handle-width: var(--lens-core-spacing-3);
  --lens-component-slider-handle-height: var(--lens-core-spacing-3);
  --lens-component-slider-handle-border-width: var(--lens-semantic-border-width-thick);
  --lens-component-slider-handle-border-style: var(--lens-core-border-style-solid);
  --lens-component-slider-handle-border-radius: var(--lens-semantic-radius-full);
  --lens-component-slider-handle-default-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-slider-handle-default-border-color: var(--lens-semantic-color-accent-red-content);
  --lens-component-slider-handle-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-slider-handle-hover-border-color: var(--lens-semantic-color-accent-red-content);
  --lens-component-slider-handle-active-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-slider-handle-active-border-color: var(--lens-semantic-color-accent-red-content);
  --lens-component-slider-handle-disabled-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-slider-handle-disabled-border-color: var(--lens-semantic-color-action-secondary-disabled-outline);
  --lens-component-slider-track-height: var(--lens-core-spacing-0-25);
  --lens-component-slider-track-border-radius: var(--lens-core-spacing-px);
  --lens-component-slider-track-inactive-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-slider-track-active-background-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-slider-track-disabled-background-color: var(--lens-semantic-color-action-secondary-disabled-outline);
  --lens-component-slider-track-disabled-active-background-color: var(--lens-semantic-color-action-secondary-on-secondary-disabled);
  --lens-component-slider-mark-height: var(--lens-core-spacing-0-5);
  --lens-component-slider-mark-width: var(--lens-core-spacing-px);
  --lens-component-slider-mark-border-radius: var(--lens-semantic-radius-none);
  --lens-component-slider-mark-background-color: var(--lens-core-color-gray-500);
}
.lens-theme {
  --lens-component-split-button-gap: var(--lens-core-spacing-0-25);
}
.lens-theme {
  --lens-component-status-indicator-height: var(--lens-core-spacing-3);
  --lens-component-status-indicator-padding-top: var(--lens-core-spacing-0-25);
  --lens-component-status-indicator-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-status-indicator-padding-bottom: var(--lens-core-spacing-0-25);
  --lens-component-status-indicator-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-status-indicator-gap: var(--lens-core-spacing-0-5);
  --lens-component-status-indicator-border-radius: var(--lens-semantic-radius-full);
  --lens-component-status-indicator-label-font-size: var(--lens-semantic-font-label-sm-font-size);
  --lens-component-status-indicator-label-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-status-indicator-label-line-height: var(--lens-semantic-font-label-sm-line-height);
  --lens-component-status-indicator-label-letter-spacing: var(--lens-semantic-font-label-sm-letter-spacing);
  --lens-component-status-indicator-colors-warning-background-color: var(--lens-semantic-color-status-warning-default);
  --lens-component-status-indicator-colors-warning-color: var(--lens-semantic-color-status-warning-text-default);
  --lens-component-status-indicator-colors-success-background-color: var(--lens-semantic-color-status-success-default);
  --lens-component-status-indicator-colors-success-color: var(--lens-semantic-color-status-success-text-default);
  --lens-component-status-indicator-colors-error-background-color: var(--lens-semantic-color-status-error-default);
  --lens-component-status-indicator-colors-error-color: var(--lens-semantic-color-status-error-text-default);
  --lens-component-status-indicator-colors-information-background-color: var(--lens-semantic-color-status-notification-default);
  --lens-component-status-indicator-colors-information-color: var(--lens-semantic-color-status-notification-text-default);
  --lens-component-status-indicator-colors-disabled-background-color: var(--lens-semantic-color-status-neutral-background-variant);
  --lens-component-status-indicator-colors-disabled-color: var(--lens-semantic-color-status-neutral-text);
  --lens-component-status-indicator-colors-generic-background-color: var(--lens-semantic-color-status-neutral-background-variant);
  --lens-component-status-indicator-colors-generic-color: var(--lens-semantic-color-status-neutral-text);
  --lens-component-status-indicator-colors-subtle-background-color: var(--lens-core-color-transparent);
  --lens-component-status-indicator-colors-subtle-color: var(--lens-semantic-color-type-muted);
  --lens-component-status-indicator-with-icon-padding-left: var(--lens-core-spacing-0-5);
  --lens-component-status-indicator-icon-only-padding-left: var(--lens-core-spacing-0-25);
  --lens-component-status-indicator-icon-only-padding-right: var(--lens-core-spacing-0-25);
  --lens-component-status-indicator-shape-only-padding-left: var(--lens-core-spacing-0);
  --lens-component-status-indicator-shape-only-padding-right: var(--lens-core-spacing-0);
  --lens-component-status-indicator-shape-only-width: var(--lens-core-spacing-2);
  --lens-component-status-indicator-shape-only-height: var(--lens-core-spacing-2);
  --lens-component-status-indicator-shape-only-subtle-background-color: var(--lens-core-color-transparent);
  --lens-component-status-indicator-shape-only-subtle-border-color: var(--lens-semantic-color-outline-default);
  --lens-component-status-indicator-shape-only-subtle-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-status-indicator-shape-only-subtle-border-style: var(--lens-core-border-style-solid);
  --lens-component-status-indicator-icon-width: var(--lens-semantic-icon-size-md);
  --lens-component-status-indicator-icon-height: var(--lens-semantic-icon-size-md);
}
.lens-theme {
  --lens-component-stepper-padding-top: var(--lens-core-spacing-0-5);
  --lens-component-stepper-padding-bottom: var(--lens-core-spacing-0-5);
  --lens-component-stepper-gap: var(--lens-core-spacing-1-5);
  --lens-component-stepper-step-gap: var(--lens-core-spacing-1-5);
  --lens-component-stepper-step-border-radius: var(--lens-semantic-radius-md);
  --lens-component-stepper-step-icon-width: var(--lens-core-spacing-4);
  --lens-component-stepper-step-icon-height: var(--lens-core-spacing-4);
  --lens-component-stepper-step-icon-default-background: var(--lens-semantic-color-status-neutral-background-variant);
  --lens-component-stepper-step-icon-default-color: var(--lens-semantic-color-status-neutral-text);
  --lens-component-stepper-step-icon-active-background: var(--lens-semantic-gradients-primary-active);
  --lens-component-stepper-step-icon-active-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-stepper-step-icon-completed-background: var(--lens-semantic-color-status-success-background);
  --lens-component-stepper-step-icon-completed-color: var(--lens-semantic-color-status-success-text);
  --lens-component-stepper-step-icon-text-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-stepper-step-icon-text-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-stepper-step-icon-text-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-stepper-step-icon-text-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-stepper-step-icon-text-default-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-stepper-step-icon-text-active-color: var(--lens-semantic-color-status-neutral-text);
  --lens-component-stepper-step-label-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-stepper-step-label-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-stepper-step-label-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-stepper-step-label-color: var(--lens-semantic-color-type-default);
  --lens-component-stepper-step-label-font-weight: var(--lens-semantic-font-weight-regular);
  --lens-component-stepper-step-label-active-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-stepper-connector-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-stepper-connector-width: var(--lens-core-spacing-3);
  --lens-component-stepper-connector-height: var(--lens-core-spacing-px);
  --lens-component-stepper-connector-at-overflow-width: var(--lens-core-spacing-4);
  --lens-component-stepper-connector-vertical-width: var(--lens-core-spacing-2);
  --lens-component-stepper-connector-vertical-height: var(--lens-core-spacing-2);
  --lens-component-stepper-connector-vertical-gap: var(--lens-core-spacing-0-5);
  --lens-component-stepper-content-margin-left: var(--lens-core-spacing-5);
}
.lens-theme {
  --lens-component-table-header-background-color: var(--lens-semantic-color-surface-variant);
  --lens-component-table-header-border-bottom-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-table-header-border-bottom-width: var(--lens-semantic-border-width-thin);
  --lens-component-table-header-border-bottom-style: var(--lens-core-border-style-solid);
  --lens-component-table-header-font-size: var(--lens-semantic-font-text-sm-font-size);
  --lens-component-table-header-line-height: var(--lens-semantic-font-text-sm-line-height);
  --lens-component-table-header-letter-spacing: var(--lens-semantic-font-text-sm-letter-spacing);
  --lens-component-table-header-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-table-header-first-border-top-left-radius: var(--lens-semantic-radius-lg);
  --lens-component-table-header-last-border-top-right-radius: var(--lens-semantic-radius-lg);
  --lens-component-table-row-default-background-color: var(--lens-semantic-color-surface-default);
  --lens-component-table-row-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-table-row-selected-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-table-cell-border-bottom-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-table-cell-border-bottom-width: var(--lens-semantic-border-width-thin);
  --lens-component-table-cell-border-bottom-style: var(--lens-core-border-style-solid);
  --lens-component-table-cell-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-table-cell-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-table-cell-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-table-cell-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-table-cell-indent-padding-left: var(--lens-core-spacing-9);
  --lens-component-table-footer-container-gap: var(--lens-core-spacing-1);
  --lens-component-table-footer-container-margin-top: var(--lens-core-spacing-3);
  --lens-component-table-footer-label-color: var(--lens-semantic-color-type-muted);
  --lens-component-table-footer-label-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-table-footer-label-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-table-footer-label-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-table-footer-label-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-table-footer-range-color: var(--lens-semantic-color-type-default);
  --lens-component-table-footer-range-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-table-footer-range-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-table-footer-range-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-table-footer-range-font-weight: var(--lens-semantic-font-text-body-font-weight);
  --lens-component-table-footer-range-border-left-width: var(--lens-semantic-border-width-thin);
  --lens-component-table-footer-range-border-left-color: var(--lens-semantic-color-ui-divider-default);
  --lens-component-table-footer-range-border-left-style: var(--lens-core-border-style-solid);
  --lens-component-table-footer-range-padding-left: var(--lens-core-spacing-2-5);
  --lens-component-table-footer-range-total-color: var(--lens-semantic-color-type-muted);
  --lens-component-table-footer-rows-per-pages-width: 84px;
  --lens-component-table-footer-rows-per-pages-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-table-footer-rows-per-pages-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-table-footer-rows-per-pages-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-table-column-separator-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-table-small-header-height: var(--lens-core-spacing-5);
  --lens-component-table-small-cell-height: 44px;
  --lens-component-table-small-cell-padding-left: var(--lens-core-spacing-2);
  --lens-component-table-small-cell-padding-right: var(--lens-core-spacing-2);
  --lens-component-table-small-cell-padding-top: var(--lens-core-spacing-1);
  --lens-component-table-small-cell-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-table-small-footer-width: 375px;
  --lens-component-table-medium-header-height: var(--lens-core-spacing-6);
  --lens-component-table-medium-cell-height: var(--lens-core-spacing-8);
  --lens-component-table-medium-cell-padding-left: var(--lens-core-spacing-2);
  --lens-component-table-medium-cell-padding-right: var(--lens-core-spacing-2);
  --lens-component-table-medium-cell-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-table-medium-cell-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-table-medium-footer-width: 747px;
  --lens-component-table-large-header-height: var(--lens-core-spacing-7);
  --lens-component-table-large-cell-height: 72px;
  --lens-component-table-large-cell-padding-left: var(--lens-core-spacing-2);
  --lens-component-table-large-cell-padding-right: var(--lens-core-spacing-2);
  --lens-component-table-large-cell-padding-top: var(--lens-core-spacing-2);
  --lens-component-table-large-cell-padding-bottom: var(--lens-core-spacing-2);
}
.lens-theme {
  --lens-component-tabs-active-default-background-color: var(--lens-core-color-transparent);
  --lens-component-tabs-active-default-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-tabs-active-default-border-bottom-color: var(--lens-semantic-color-action-secondary-inverse-selection-indicator-tabs);
  --lens-component-tabs-active-default-border-bottom-width: var(--lens-core-spacing-0-25);
  --lens-component-tabs-active-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-tabs-active-hover-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-tabs-active-hover-border-bottom-color: var(--lens-semantic-color-action-secondary-inverse-selection-indicator-tabs);
  --lens-component-tabs-active-hover-border-bottom-width: var(--lens-core-spacing-0-25);
  --lens-component-tabs-active-focus-background-color: var(--lens-core-color-transparent);
  --lens-component-tabs-active-focus-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-tabs-active-focus-border-bottom-color: var(--lens-semantic-color-action-secondary-inverse-selection-indicator-tabs);
  --lens-component-tabs-active-focus-border-bottom-width: var(--lens-core-spacing-0-25);
  --lens-component-tabs-active-active-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-tabs-active-active-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-tabs-active-active-border-bottom-color: var(--lens-semantic-color-action-secondary-inverse-selection-indicator-tabs);
  --lens-component-tabs-active-active-border-bottom-width: var(--lens-core-spacing-0-25);
  --lens-component-tabs-active-disabled-background-color: var(--lens-core-color-transparent);
  --lens-component-tabs-active-disabled-color: var(--lens-semantic-color-action-secondary-on-secondary-disabled);
  --lens-component-tabs-active-disabled-border-bottom-color: var(--lens-semantic-color-action-primary-disabled);
  --lens-component-tabs-active-disabled-border-bottom-width: var(--lens-core-spacing-0-25);
  --lens-component-tabs-inactive-default-background-color: var(--lens-core-color-transparent);
  --lens-component-tabs-inactive-default-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-tabs-inactive-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-tabs-inactive-hover-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-tabs-inactive-active-background-color: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-tabs-inactive-active-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-tabs-inactive-focus-background-color: var(--lens-core-color-transparent);
  --lens-component-tabs-inactive-focus-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-tabs-inactive-disabled-background-color: var(--lens-core-color-transparent);
  --lens-component-tabs-inactive-disabled-color: var(--lens-semantic-color-action-secondary-on-secondary-disabled);
  --lens-component-tabs-sizes-small-container-gap: var(--lens-core-spacing-1);
  --lens-component-tabs-sizes-small-button-height: var(--lens-core-spacing-4);
  --lens-component-tabs-sizes-small-button-border-top-left-radius: var(--lens-semantic-radius-md);
  --lens-component-tabs-sizes-small-button-border-top-right-radius: var(--lens-semantic-radius-md);
  --lens-component-tabs-sizes-small-button-padding-top: 6px;
  --lens-component-tabs-sizes-small-button-padding-bottom: 6px;
  --lens-component-tabs-sizes-small-button-padding-left: var(--lens-core-spacing-2);
  --lens-component-tabs-sizes-small-button-padding-right: var(--lens-core-spacing-2);
  --lens-component-tabs-sizes-small-button-gap: var(--lens-core-spacing-1);
  --lens-component-tabs-sizes-small-button-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-tabs-sizes-small-button-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-tabs-sizes-small-button-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-tabs-sizes-small-button-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-tabs-sizes-large-container-gap: var(--lens-core-spacing-1);
  --lens-component-tabs-sizes-large-button-height: var(--lens-core-spacing-5);
  --lens-component-tabs-sizes-large-button-border-top-left-radius: var(--lens-semantic-radius-lg);
  --lens-component-tabs-sizes-large-button-border-top-right-radius: var(--lens-semantic-radius-lg);
  --lens-component-tabs-sizes-large-button-padding-top: var(--lens-core-spacing-1);
  --lens-component-tabs-sizes-large-button-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-tabs-sizes-large-button-padding-left: var(--lens-core-spacing-2-5);
  --lens-component-tabs-sizes-large-button-padding-right: var(--lens-core-spacing-2-5);
  --lens-component-tabs-sizes-large-button-gap: var(--lens-core-spacing-1-5);
  --lens-component-tabs-sizes-large-button-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-tabs-sizes-large-button-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-tabs-sizes-large-button-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-tabs-sizes-large-button-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-tabs-icon-width: var(--lens-semantic-icon-size-md);
  --lens-component-tabs-icon-height: var(--lens-semantic-icon-size-md);
  --lens-component-tabs-badge-active-background-color: var(--lens-semantic-color-background-base);
  --lens-component-tabs-badge-active-color: var(--lens-semantic-color-status-new-default);
}
.lens-theme {
  --lens-component-time-picker-section-gap: var(--lens-core-spacing-2);
  --lens-component-time-picker-section-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-time-picker-section-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-time-picker-section-item-width: var(--lens-core-spacing-4);
  --lens-component-time-picker-section-item-height: var(--lens-core-spacing-4);
  --lens-component-time-picker-section-item-padding-left: var(--lens-core-spacing-1);
  --lens-component-time-picker-section-item-padding-right: var(--lens-core-spacing-1);
  --lens-component-time-picker-section-item-border-radius: var(--lens-semantic-radius-md);
  --lens-component-time-picker-section-item-color: var(--lens-semantic-color-type-default);
  --lens-component-time-picker-section-item-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-time-picker-section-item-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-time-picker-section-item-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-time-picker-section-item-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-time-picker-section-item-selected-background-color: var(--lens-semantic-color-action-calendar-selected);
  --lens-component-time-picker-section-item-selected-color: var(--lens-semantic-color-action-calendar-on-calendar-selected);
  --lens-component-time-picker-section-item-selected-hover-background-color: var(--lens-semantic-color-action-calendar-selected-hover);
  --lens-component-time-picker-section-item-selected-hover-color: var(--lens-semantic-color-action-calendar-on-calendar-selected);
  --lens-component-time-picker-section-item-selected-focus-background-color: var(--lens-semantic-color-action-calendar-selected);
  --lens-component-time-picker-section-item-selected-focus-color: var(--lens-semantic-color-action-calendar-on-calendar-selected);
  --lens-component-time-picker-section-item-selected-disabled-background-color: var(--lens-core-color-transparent);
  --lens-component-time-picker-section-item-selected-disabled-color: var(--lens-semantic-color-action-calendar-on-calendar-disabled);
  --lens-component-time-picker-section-item-selected-disabled-border-color: var(--lens-semantic-color-action-calendar-disabled);
}
.lens-theme {
  --lens-component-toast-container-margin: var(--lens-core-spacing-3);
  --lens-component-toast-alert-max-width: 480px;
  --lens-component-toast-alert-min-width: 272px;
  --lens-component-toast-alert-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-toast-alert-min-height: var(--lens-core-spacing-7);
  --lens-component-toast-alert-background-color: var(--lens-semantic-color-surface-inverse);
  --lens-component-toast-alert-padding-top: var(--lens-core-spacing-0);
  --lens-component-toast-alert-padding-right: var(--lens-core-spacing-0);
  --lens-component-toast-alert-padding-bottom: var(--lens-core-spacing-0);
  --lens-component-toast-alert-padding-left: var(--lens-core-spacing-0);
  --lens-component-toast-alert-gap: var(--lens-core-spacing-0);
  --lens-component-toast-alert-icon-width: var(--lens-core-spacing-5);
  --lens-component-toast-alert-icon-min-height: var(--lens-core-spacing-7);
  --lens-component-toast-alert-icon-padding-top: var(--lens-core-spacing-0);
  --lens-component-toast-alert-icon-padding-bottom: var(--lens-core-spacing-0);
  --lens-component-toast-alert-icon-padding-right: var(--lens-core-spacing-0);
  --lens-component-toast-alert-icon-padding-left: var(--lens-core-spacing-0);
  --lens-component-toast-alert-icon-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-toast-alert-icon-success-background-color: var(--lens-semantic-color-status-success-default);
  --lens-component-toast-alert-icon-success-color: var(--lens-semantic-color-status-success-text-default);
  --lens-component-toast-alert-icon-info-background-color: var(--lens-semantic-color-status-notification-default);
  --lens-component-toast-alert-icon-info-color: var(--lens-semantic-color-status-notification-text-default);
  --lens-component-toast-alert-icon-warning-background-color: var(--lens-semantic-color-status-warning-default);
  --lens-component-toast-alert-icon-warning-color: var(--lens-semantic-color-status-warning-text-default);
  --lens-component-toast-alert-icon-error-background-color: var(--lens-semantic-color-status-error-default);
  --lens-component-toast-alert-icon-error-color: var(--lens-semantic-color-status-error-text-default);
  --lens-component-toast-alert-icon-processing-background-color: var(--lens-core-color-gray-300);
  --lens-component-toast-alert-icon-processing-min-height: var(--lens-core-spacing-7);
  --lens-component-toast-alert-icon-processing-padding-top: var(--lens-core-spacing-0);
  --lens-component-toast-alert-icon-processing-padding-bottom: var(--lens-core-spacing-0);
  --lens-component-toast-alert-icon-processing-padding-right: var(--lens-core-spacing-0);
  --lens-component-toast-alert-icon-processing-padding-left: var(--lens-core-spacing-0);
  --lens-component-toast-alert-action-color: var(--lens-semantic-color-type-inverse);
  --lens-component-toast-alert-action-padding-left: var(--lens-core-spacing-1);
  --lens-component-toast-alert-action-padding-right: var(--lens-core-spacing-1);
  --lens-component-toast-alert-action-border-top-color: var(--lens-core-color-gray-700);
  --lens-component-toast-alert-message-color: var(--lens-semantic-color-type-inverse);
  --lens-component-toast-alert-message-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-toast-alert-message-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-toast-alert-message-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-toast-alert-message-font-weight: var(--lens-semantic-font-text-body-font-weight);
  --lens-component-toast-alert-message-padding-top: var(--lens-core-spacing-1);
  --lens-component-toast-alert-message-padding-left: var(--lens-core-spacing-2);
  --lens-component-toast-alert-title-font-size: var(--lens-semantic-font-title-h3lg-font-size);
  --lens-component-toast-alert-title-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-toast-alert-title-line-height: var(--lens-semantic-font-title-h3lg-line-height);
  --lens-component-toast-alert-title-letter-spacing: var(--lens-semantic-letter-spacing-normal);
  --lens-component-toast-alert-title-margin-top: var(--lens-core-spacing-1);
  --lens-component-toast-alert-title-margin-bottom: var(--lens-core-spacing-1-5);
  --lens-component-toast-alert-divided-message-padding-top: var(--lens-core-spacing-2);
  --lens-component-toast-alert-divided-message-padding-right: var(--lens-core-spacing-2);
  --lens-component-toast-alert-divided-message-with-title-padding-top: var(--lens-core-spacing-1);
  --lens-component-toast-alert-divided-message-with-title-padding-right: var(--lens-core-spacing-1);
  --lens-component-toast-alert-divided-message-with-title-padding-left: var(--lens-core-spacing-2);
  --lens-component-toast-alert-divided-action-padding-left: var(--lens-core-spacing-2);
}
.lens-theme {
  --lens-component-toggle-button-group-unselected-default-background: var(--lens-semantic-color-surface-default);
  --lens-component-toggle-button-group-unselected-default-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-button-group-unselected-default-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-button-group-unselected-default-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-button-group-unselected-default-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-toggle-button-group-unselected-hover-background: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-toggle-button-group-unselected-hover-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-button-group-unselected-hover-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-button-group-unselected-hover-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-button-group-unselected-hover-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-toggle-button-group-unselected-active-background: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-toggle-button-group-unselected-active-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-button-group-unselected-active-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-button-group-unselected-active-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-button-group-unselected-active-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-toggle-button-group-unselected-focus-background: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-toggle-button-group-unselected-focus-border-color: var(--lens-core-color-transparent);
  --lens-component-toggle-button-group-unselected-focus-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-button-group-unselected-focus-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-button-group-unselected-focus-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-toggle-button-group-unselected-disabled-background: var(--lens-semantic-color-surface-default);
  --lens-component-toggle-button-group-unselected-disabled-color: var(--lens-semantic-color-action-secondary-on-secondary-disabled);
  --lens-component-toggle-button-group-unselected-disabled-border-color: var(--lens-semantic-color-action-secondary-disabled-outline);
  --lens-component-toggle-button-group-unselected-disabled-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-button-group-unselected-disabled-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-button-group-selected-default-background: var(--lens-semantic-gradients-primary-default);
  --lens-component-toggle-button-group-selected-default-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-toggle-button-group-selected-default-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-button-group-selected-default-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-button-group-selected-default-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-button-group-selected-hover-background: var(--lens-semantic-gradients-primary-hover);
  --lens-component-toggle-button-group-selected-hover-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-toggle-button-group-selected-hover-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-button-group-selected-hover-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-button-group-selected-hover-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-button-group-selected-active-background: var(--lens-semantic-gradients-primary-active);
  --lens-component-toggle-button-group-selected-active-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-toggle-button-group-selected-active-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-button-group-selected-active-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-button-group-selected-active-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-button-group-selected-focus-background: var(--lens-semantic-gradients-primary-default);
  --lens-component-toggle-button-group-selected-focus-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-toggle-button-group-selected-focus-border-color: var(--lens-core-color-transparent);
  --lens-component-toggle-button-group-selected-focus-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-button-group-selected-focus-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-button-group-selected-disabled-background: var(--lens-semantic-color-action-primary-disabled);
  --lens-component-toggle-button-group-selected-disabled-color: var(--lens-semantic-color-type-disabled);
  --lens-component-toggle-button-group-selected-disabled-border-color: var(--lens-semantic-color-action-secondary-disabled-outline);
  --lens-component-toggle-button-group-selected-disabled-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-button-group-selected-disabled-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-button-group-small-height: var(--lens-core-spacing-4);
  --lens-component-toggle-button-group-small-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-small-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-small-padding-top: var(--lens-core-spacing-0-5);
  --lens-component-toggle-button-group-small-padding-bottom: var(--lens-core-spacing-0-5);
  --lens-component-toggle-button-group-small-gap: var(--lens-core-spacing-1);
  --lens-component-toggle-button-group-small-font-size: var(--lens-semantic-font-label-lg-font-size);
  --lens-component-toggle-button-group-small-line-height: var(--lens-semantic-font-label-lg-line-height);
  --lens-component-toggle-button-group-small-letter-spacing: 0.25px;
  --lens-component-toggle-button-group-small-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-toggle-button-group-small-first-border-top-left-radius: 10px;
  --lens-component-toggle-button-group-small-first-border-bottom-left-radius: 10px;
  --lens-component-toggle-button-group-small-last-border-top-right-radius: 10px;
  --lens-component-toggle-button-group-small-last-border-bottom-right-radius: 10px;
  --lens-component-toggle-button-group-small-icon-only-width: var(--lens-core-spacing-6);
  --lens-component-toggle-button-group-small-icon-only-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-small-icon-only-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-small-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-toggle-button-group-small-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-toggle-button-group-small-icon-size: lg;
  --lens-component-toggle-button-group-small-with-leading-icon-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-small-with-trailing-icon-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-medium-height: var(--lens-core-spacing-5);
  --lens-component-toggle-button-group-medium-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-toggle-button-group-medium-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-medium-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-medium-padding-top: var(--lens-core-spacing-1);
  --lens-component-toggle-button-group-medium-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-toggle-button-group-medium-gap: var(--lens-core-spacing-1);
  --lens-component-toggle-button-group-medium-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-toggle-button-group-medium-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-toggle-button-group-medium-letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  --lens-component-toggle-button-group-medium-font-weight: var(--lens-semantic-font-weight-emphasis);
  --lens-component-toggle-button-group-medium-first-border-top-left-radius: var(--lens-semantic-radius-lg);
  --lens-component-toggle-button-group-medium-first-border-bottom-left-radius: var(--lens-semantic-radius-lg);
  --lens-component-toggle-button-group-medium-last-border-top-right-radius: var(--lens-semantic-radius-lg);
  --lens-component-toggle-button-group-medium-last-border-bottom-right-radius: var(--lens-semantic-radius-lg);
  --lens-component-toggle-button-group-medium-icon-only-width: var(--lens-core-spacing-6);
  --lens-component-toggle-button-group-medium-icon-only-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-medium-icon-only-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-medium-icon-width: var(--lens-semantic-icon-size-lg);
  --lens-component-toggle-button-group-medium-icon-height: var(--lens-semantic-icon-size-lg);
  --lens-component-toggle-button-group-medium-icon-size: lg;
  --lens-component-toggle-button-group-medium-with-leading-icon-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-toggle-button-group-medium-with-trailing-icon-padding-right: var(--lens-core-spacing-1-5);
}
.lens-theme {
  --lens-component-toggle-checked-default-bar-background: var(--lens-semantic-gradients-primary-default);
  --lens-component-toggle-checked-default-bar-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-checked-default-bar-border-width: var(--lens-core-spacing-0);
  --lens-component-toggle-checked-default-bar-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-checked-default-knob-background-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-toggle-checked-hover-bar-background: var(--lens-semantic-gradients-primary-hover);
  --lens-component-toggle-checked-hover-bar-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-checked-hover-bar-border-width: var(--lens-core-spacing-0);
  --lens-component-toggle-checked-hover-bar-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-checked-hover-knob-background-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-toggle-checked-active-bar-background: var(--lens-semantic-gradients-primary-active);
  --lens-component-toggle-checked-active-bar-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-checked-active-bar-border-width: var(--lens-core-spacing-0);
  --lens-component-toggle-checked-active-bar-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-checked-active-knob-background-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-toggle-checked-disabled-bar-background: var(--lens-semantic-color-action-primary-disabled);
  --lens-component-toggle-checked-disabled-bar-border-color: var(--lens-semantic-color-action-primary-disabled);
  --lens-component-toggle-checked-disabled-bar-border-width: var(--lens-core-spacing-0);
  --lens-component-toggle-checked-disabled-bar-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-checked-disabled-knob-background-color: var(--lens-semantic-color-action-primary-on-primary);
  --lens-component-toggle-unchecked-default-bar-background: var(--lens-semantic-color-surface-default);
  --lens-component-toggle-unchecked-default-bar-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-unchecked-default-bar-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-unchecked-default-bar-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-unchecked-default-knob-background-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-toggle-unchecked-hover-bar-background: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-toggle-unchecked-hover-bar-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-unchecked-hover-bar-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-unchecked-hover-bar-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-unchecked-hover-knob-background-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-toggle-unchecked-active-bar-background: var(--lens-semantic-color-action-secondary-active-fill);
  --lens-component-toggle-unchecked-active-bar-border-color: var(--lens-semantic-color-action-secondary-outline);
  --lens-component-toggle-unchecked-active-bar-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-unchecked-active-bar-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-unchecked-active-knob-background-color: var(--lens-semantic-color-action-secondary-on-secondary);
  --lens-component-toggle-unchecked-disabled-bar-background: var(--lens-semantic-color-surface-default);
  --lens-component-toggle-unchecked-disabled-bar-border-color: var(--lens-semantic-color-action-primary-disabled);
  --lens-component-toggle-unchecked-disabled-bar-border-width: var(--lens-semantic-border-width-thin);
  --lens-component-toggle-unchecked-disabled-bar-border-style: var(--lens-core-border-style-solid);
  --lens-component-toggle-unchecked-disabled-knob-background-color: var(--lens-semantic-color-action-primary-disabled);
  --lens-component-toggle-small-bar-height: var(--lens-core-spacing-2);
  --lens-component-toggle-small-bar-width: var(--lens-core-spacing-4);
  --lens-component-toggle-small-bar-border-radius: var(--lens-semantic-radius-md);
  --lens-component-toggle-small-bar-padding: var(--lens-core-spacing-0-5);
  --lens-component-toggle-small-knob-height: 10px;
  --lens-component-toggle-small-knob-width: 10px;
  --lens-component-toggle-small-knob-border-radius: var(--lens-semantic-radius-full);
  --lens-component-toggle-small-knob-indeterminate-width: 10px;
  --lens-component-toggle-small-knob-indeterminate-height: var(--lens-core-spacing-0-5);
  --lens-component-toggle-small-knob-indeterminate-border-radius: var(--lens-semantic-radius-full);
  --lens-component-toggle-large-bar-height: var(--lens-core-spacing-3);
  --lens-component-toggle-large-bar-width: var(--lens-core-spacing-6);
  --lens-component-toggle-large-bar-border-radius: var(--lens-semantic-radius-lg);
  --lens-component-toggle-large-bar-padding: var(--lens-core-spacing-0-5);
  --lens-component-toggle-large-knob-height: var(--lens-core-spacing-2);
  --lens-component-toggle-large-knob-width: var(--lens-core-spacing-2);
  --lens-component-toggle-large-knob-border-radius: var(--lens-semantic-radius-full);
  --lens-component-toggle-large-knob-indeterminate-width: var(--lens-core-spacing-2);
  --lens-component-toggle-large-knob-indeterminate-height: 6px;
  --lens-component-toggle-large-knob-indeterminate-border-radius: var(--lens-semantic-radius-full);
  --lens-component-toggle-label-color: var(--lens-semantic-color-type-default);
  --lens-component-toggle-label-font-size: var(--lens-semantic-font-label-lg-font-size);
  --lens-component-toggle-label-font-weight: var(--lens-semantic-font-label-lg-font-weight);
  --lens-component-toggle-label-letter-spacing: var(--lens-semantic-font-label-lg-letter-spacing);
  --lens-component-toggle-label-line-height: var(--lens-semantic-font-label-lg-line-height);
  --lens-component-toggle-label-leading-padding-right: var(--lens-core-spacing-1-5);
  --lens-component-toggle-label-trailing-padding-left: var(--lens-core-spacing-1-5);
}
.lens-theme {
  --lens-component-tooltip-box-shadow: var(--lens-core-shadow-low);
  --lens-component-tooltip-font-size: var(--lens-semantic-font-text-md-font-size);
  --lens-component-tooltip-line-height: var(--lens-semantic-font-text-md-line-height);
  --lens-component-tooltip-font-weight: var(--lens-semantic-font-text-md-font-weight);
  --lens-component-tooltip-letter-spacing: var(--lens-semantic-font-text-md-letter-spacing);
  --lens-component-tooltip-padding-top: var(--lens-core-spacing-2);
  --lens-component-tooltip-padding-bottom: var(--lens-core-spacing-2);
  --lens-component-tooltip-padding-left: var(--lens-core-spacing-3);
  --lens-component-tooltip-padding-right: var(--lens-core-spacing-3);
  --lens-component-tooltip-border-radius: var(--lens-core-spacing-1-5);
  --lens-component-tooltip-max-width: 288px;
  --lens-component-tooltip-background-color: var(--lens-semantic-color-surface-inverse);
  --lens-component-tooltip-color: var(--lens-semantic-color-type-inverse);
  --lens-component-tooltip-content-line-clamp: 6;
}
.lens-theme {
  --lens-component-tree-view-item-indent-width: var(--lens-core-spacing-2);
  --lens-component-tree-view-item-content-background-color: var(--lens-semantic-color-background-base);
  --lens-component-tree-view-item-content-padding-left: var(--lens-core-spacing-1);
  --lens-component-tree-view-item-content-padding-right: var(--lens-core-spacing-1);
  --lens-component-tree-view-item-content-with-checkbox-padding-left: var(--lens-core-spacing-1-5);
  --lens-component-tree-view-item-content-hover-background-color: var(--lens-semantic-color-action-secondary-hover-fill);
  --lens-component-tree-view-item-content-focus-box-shadow: var(--lens-semantic-shadow-focus-inset);
  --lens-component-tree-view-item-content-focus-outline-offset: -2px;
  --lens-component-tree-view-item-content-disabled-icon-color: var(--lens-semantic-color-type-disabled);
  --lens-component-tree-view-item-content-disabled-label-color: var(--lens-semantic-color-type-disabled);
  --lens-component-tree-view-item-content-selected-left-border-color: var(--lens-semantic-color-action-secondary-inverse-selection-indicator);
  --lens-component-tree-view-item-content-selected-left-border-width: var(--lens-semantic-border-width-thick);
  --lens-component-tree-view-item-content-selected-left-border-style: var(--lens-core-border-style-solid);
  --lens-component-tree-view-item-content-selected-left-border-radius: var(--lens-core-spacing-3);
  --lens-component-tree-view-item-content-selected-default-background-color: var(--lens-semantic-color-selection-secondary-default);
  --lens-component-tree-view-item-content-selected-hover-background-color: var(--lens-semantic-color-selection-secondary-hover);
  --lens-component-tree-view-item-content-selected-active-background-color: var(--lens-semantic-color-selection-secondary-active);
  --lens-component-tree-view-item-content-default-height: var(--lens-core-spacing-6);
  --lens-component-tree-view-item-content-default-padding-top: var(--lens-core-spacing-1-5);
  --lens-component-tree-view-item-content-default-padding-bottom: var(--lens-core-spacing-1-5);
  --lens-component-tree-view-item-content-dense-height: var(--lens-core-spacing-5);
  --lens-component-tree-view-item-content-dense-padding-top: var(--lens-core-spacing-1);
  --lens-component-tree-view-item-content-dense-padding-bottom: var(--lens-core-spacing-1);
  --lens-component-tree-view-item-content-comfortable-height: var(--lens-core-spacing-7);
  --lens-component-tree-view-item-content-comfortable-padding-top: var(--lens-core-spacing-2);
  --lens-component-tree-view-item-content-comfortable-padding-bottom: var(--lens-core-spacing-2);
  --lens-component-tree-view-item-content-label-gap: var(--lens-core-spacing-1-5);
  --lens-component-tree-view-item-content-label-font-size: var(--lens-semantic-font-text-body-font-size);
  --lens-component-tree-view-item-content-label-font-weight: var(--lens-semantic-font-text-body-font-weight);
  --lens-component-tree-view-item-content-label-line-height: var(--lens-semantic-font-text-body-line-height);
  --lens-component-tree-view-item-content-label-color: var(--lens-semantic-color-type-default);
  --lens-component-tree-view-item-content-label-icon-color: var(--lens-semantic-color-type-muted);
  --lens-component-tree-view-item-content-indent-width: var(--lens-semantic-icon-size-lg);
  --lens-component-tree-view-item-content-indent-height: var(--lens-semantic-icon-size-lg);
  --lens-component-tree-view-item-content-indent-color: var(--lens-semantic-color-type-default);
  --lens-component-tree-view-item-content-indent-container-width: var(--lens-core-spacing-4);
  --lens-component-tree-view-item-content-indent-container-height: var(--lens-core-spacing-4);
}
.lens-theme {
  @layer core, semantic, component;
  font-family: var(--lens-semantic-font-family-body);
  font-size: var(--lens-semantic-font-text-body-font-size);
  font-weight: var(--lens-semantic-font-text-body-font-weight);
  letter-spacing: var(--lens-semantic-font-text-body-letter-spacing);
  line-height: var(--lens-semantic-font-text-body-line-height);
  text-transform: var(--lens-semantic-font-text-body-text-transform);
  text-decoration: var(--lens-semantic-font-text-body-text-decoration);
}
.atlas-bg-base {
  background-color: var(--lens-semantic-color-background-base);
}
.atlas-type-default {
  color: var(--lens-semantic-color-type-default);
}
/* plus-jakarta-sans-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Plus Jakarta Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAa0ABQAAAAADOwAAAZHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJtP01WQVJGBmA/U1RBVIEcAGQvXBEICoMkgmcLFgAwhEwBNgIkAyYEIAWGXAdiDAcbOgtRlHLSRcD8TEzkdoghPRuspKefbVnJIM5yRfA8vZv9uTNJSCZY21Scrigr6qyJ/C3sE1OFKuVP3e+lxUTbYio1zb/kFdk2bufY2BlhWERRBrcDUBhB5GEpd2Cy+MDxqf9zLPX+XVsk5r+s50d6IpWLatqbdT6f2MAikiOKQocbjya2QT0DqPDX4R0jQBgAUAiCRhDA0EkvYeLk9X3I2bEWI8jBAihIANm+kUWQBgggWChcBBdFhXlAUgOCAgBA0AgKjUJ8HKvjddFCKSgAVklEBYAeEJgCQJH0qB3B+neDg4sAA4hAD0AVIEAA0IACJGeaUjMIIIhBUE/zNABjTQMBwEVRcwcYBUCObLERABAgjAA1M/ZSa9hSi4OlpsnZ2KBOVUsAZlRGl1W0NZ6gSwhQPIAFs7YFL0QS91vRQgdgx2VDAnIegKpQvwAJIoLgooBAGtCJcHizg0TDiz8vhPgIcVXaDJu37ZyDAIjFy4AAiC1JAA0olJwN6nFAACQk/zfQVUuA3t5ELKMT9hpBSRj+HBSggYCIAIEkUoC4PCIQIWHGA8+IStxf0PW15ntP22gc+Wo+BLyQAHECQiAVd+c3Ba8gZ4NOACBaLOhsbIMkAXEmuHsSAvkf4oJaAogH6nEQAzoBIEihUAwAA0AACAObAGcANYAAABaqgMmpWAhiiVyrvNyqFV8tMQ5Iyq6r9Lf7W82i8ILl2cv8zbfdJ5lnPzSnvt/XXPfRR/5pH3xA+u5uS0798EPJ3Fft33w36Wc+8E/7aIB/9fvvb1pE9erNXLB9mkw//cSg8Cnx03VGXDvZnRzKqV9Xkhn7eRHb3wVjHpg19nkZpX9bBU+vnHegrsuQcbW9Bi7oO33h+8SU0Tly/MbeYUuG1cftVz6oNxrW0qH1iezq446fkDFo/rgvTkqt7zmteFzncZ0uxXti09FFF2z+C7CODpjUudOE5NSeb3bv/mbPKcmOEzpWQ3VBgBAuj/AOY3qMm7UvgA8qo3+qvAUBBAX0wADQG4AG+jCKaSxkBe/zvcTG8jRpRZgqhCog4sd++cOo7J+/RdvaaMoc78Ri/PNPSclx6fDvG1Kt3qQFi1rq+5EaavTtt9TVvfvucYsA5wc4oESU+E1ikF9TkrOkIsIH5Fawx7SBNLnMcWlM3skBluCmQNs7GeyFvYVDamsqwhxx18n/+WdxzDgOLU1AqbUlb3m+KOT9+ONvY/7XlrdLS//5v7nN97XHj0VzJpJvz4spq0V7ioXDuv2YrSxtF/KZmvbWfKtorXSh8dfvgGu+ev/nFSaXM6jyuCE/f/EpmuP7Rqu8R98vP/+tXUdrOgKlZP9Q/s+fRF9+3CHZd4EugfPv158me9X7v/6aSMCxMJmIr//65bNXngl7+uiPP5oKx+y27D8trp+psUzMacpm80XlnYeMAct0LynxhNYgaP3dtn8/LBAi+ksr+7NvjjtJV+UXrz0uLXV1x08AZRN1S2A8EaVE5afk/dfGjz//+fdHn36Xdttz2d9/z+bawZ8/slNN1aYtq+ZPGzNuPGdwOsfYflwmHCkPgs5DcKizvdpS/3gEUMW9/lvQvWp1bGTW1fpngC/uSVYAfH3TeSusL8TtlHUD4KAAEHjahk4YpuffGwEBN/dUmpHqdHyJ3Ap8O3UlQ4gCNrMRwLBBKiskL6a+RoBi/9XGlgc8L4/CUejQxaiIyqmomdhktOhfgDbDfaNDb4+yKIPd6IgmzDa0CByijWFmL2dlSRKagTIWXeIU9HDphoZiJeBTjAefHMxDhVSRFUgVcOkW3EGMahYVMFjWHhMluB2wAcbHYqF1LpsDF9C6s+CI2fDgh4wSuFEyGadjXAmIk3CugIRibLIti9ZtC8S4VSqfikGqPaoI122XyRYLBmsOmdiiTpqK1OklUQzpMcZmQRQV4M4oJCMkfRQXK+qvjifUcQd1bRdetW/LWjacYxvcttnVjWg5h0q4xw6rZyejSpZVZ78LzC4uyDNRQ4bymHSTMyM+SZ7D75mg/7YTlmNz7W8T00h0VEiGKB+F7iWYZFvSTiA4LVxttm2ATt5EoUWLJbY4EnLGrfsvEROlHtzlKn3H9VUT5tU/2dt3/EBv7foYzV/W4upyj04woO/gh6Vwwt3WGQAA) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* plus-jakarta-sans-vietnamese-wght-normal */
@font-face {
  font-family: 'Plus Jakarta Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* plus-jakarta-sans-latin-ext-wght-normal */
@font-face {
  font-family: 'Plus Jakarta Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/plus-jakarta-sans-latin-ext-wght-normal-Dv9GW5uV.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* plus-jakarta-sans-latin-wght-normal */
@font-face {
  font-family: 'Plus Jakarta Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}